CSS 嵌套DIV布局
2011-04-18 14:20
253 查看
嵌套DIV布局,会牵扯到CSS的position属性
如果内层DIV将position属性设置为absolute,并设置left,和top等属性,还需要考虑外层DIV的position属性设置。
absolute:absolute绝对定位,直接指定top、left、right、bottom。有意思的是绝对定位也是“相对”的。它的坐标是相对其容器来说的。容器又是什么呢,容器就是离元素最近的一个定位好的“祖先”,定位好的意思就是其Position是absolute或fixed或relative。如果没有这个容器,那就使用浏览器初始的,也就是body或者html元素。标准是说只需要指定left和right,width可以自动根据容器宽度计算出来,可惜ie不支持。
作者: 翟士丹 发表于 2011-04-18 14:20 原文链接
评论: 0 查看评论 发表评论
最新新闻:
· 来无影去无踪 黑客组织Lulzsec震撼互联网(2011-07-01 22:22)
· Facebook社交广告影响:扩大传统内容影响力(2011-07-01 22:19)
· Chrome浏览器全球市场份额6月份升至13.1%(2011-07-01 21:19)
· 微软Windows Phone 7应用突破25000个(2011-07-01 21:11)
· 传三大私募机构商谈惠普分拆PC业务可能性(2011-07-01 20:50)
编辑推荐:"No Backspace in Real Life" 博客园2011T恤正式发布
网站导航:博客园首页 我的园子 新闻 闪存 小组 博问 知识库
如果内层DIV将position属性设置为absolute,并设置left,和top等属性,还需要考虑外层DIV的position属性设置。
absolute:absolute绝对定位,直接指定top、left、right、bottom。有意思的是绝对定位也是“相对”的。它的坐标是相对其容器来说的。容器又是什么呢,容器就是离元素最近的一个定位好的“祖先”,定位好的意思就是其Position是absolute或fixed或relative。如果没有这个容器,那就使用浏览器初始的,也就是body或者html元素。标准是说只需要指定left和right,width可以自动根据容器宽度计算出来,可惜ie不支持。
作者: 翟士丹 发表于 2011-04-18 14:20 原文链接
评论: 0 查看评论 发表评论
最新新闻:
· 来无影去无踪 黑客组织Lulzsec震撼互联网(2011-07-01 22:22)
· Facebook社交广告影响:扩大传统内容影响力(2011-07-01 22:19)
· Chrome浏览器全球市场份额6月份升至13.1%(2011-07-01 21:19)
· 微软Windows Phone 7应用突破25000个(2011-07-01 21:11)
· 传三大私募机构商谈惠普分拆PC业务可能性(2011-07-01 20:50)
编辑推荐:"No Backspace in Real Life" 博客园2011T恤正式发布
网站导航:博客园首页 我的园子 新闻 闪存 小组 博问 知识库
相关文章推荐
- margin-top失效, css + div 布局之 CSS盒模型 外边距合并问题 问题表述: 那天晚上一个同学给我发来一个问题,原型大概是“一个maindiv嵌套了一个div.class="he
- CSS 嵌套DIV布局(position属性)
- CSS 嵌套DIV布局
- 深度理解div+css布局嵌套盒子
- 彻底弄懂CSS盒子模式(DIV布局快速入门)
- CSS布局中DIV为空时在IE6的不同表现
- DIV+CSS通用样式布局实例代码
- DIV+CSS三列式布局的实现代码
- CSS+DIV布局之道 .
- DIV+CSS常用网页布局技巧!
- div+css布局之固定定位布局
- 10001---Div+Css布局教程(-)CSS必备知识
- DIV+CSS布局大全
- 简洁 DIV+CSS布局入门之二 ( DIV+CSS常用 常用CSS DIV+CSS实例 简单DIV+CSS DIV+CSS布局分析 DIV+CSS流程)
- SEO为什么要求网页设计师用DIV+CSS布局网页?
- Div+CSS布局入门教程(五)
- css div布局的简单页面
- Css+Div布局学习(五)—overflow
- div+css布局漫谈
- DIV+CSS布局入门示例(五)border和clear