您现在的位置是：网站首页> 编程资料编程资料
CSS 嵌套DIV布局(position属性)_CSS教程_CSS_网页制作_
2023-10-29
132人已围观
简介 如果内层DIV将position属性设置为absolute，并设置left，和top等属性，还需要考虑外层DIV的position属性设置。
嵌套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不支持。
如果内层DIV将position属性设置为absolute，并设置left，和top等属性，还需要考虑外层DIV的position属性设置。
absolute:absolute绝对定位，直接指定top、left、right、bottom。有意思的是绝对定位也是“相对”的。它的坐标是相对其容器来说的。容器又是什么呢，容器就是离元素最近的一个定位好的“祖先”，定位好的意思就是其Position是absolute或fixed或relative。如果没有这个容器，那就使用浏览器初始的，也就是body或者html元素。标准是说只需要指定left和right，width可以自动根据容器宽度计算出来，可惜ie不支持。
相关内容
- 网页添加CSS样式表的四种方法_CSS教程_CSS_网页制作_
- CSS属性中Display与Visibility区别分析_CSS教程_CSS_网页制作_
- 45个非常奇妙的CSS3 特性应用示例 _css3_CSS_网页制作_
- 雷霆战机辅助秒杀视频教程 29日更新_手机游戏_游戏攻略_
- 雷霆战机3月31日刷分秒杀视频教程推荐_手机游戏_游戏攻略_
- 秦时明月手游魂魄掉落及各个关卡物品掉落一览_手机游戏_游戏攻略_
- 秦时明月手游大铁锤属性图鉴及技能详解_手机游戏_游戏攻略_
- 秦时明月手游关卡掉落大全 全部章节物品掉落_手机游戏_游戏攻略_
- 秦时明月手游首刷有什么技巧？首刷橙卡攻略_手机游戏_游戏攻略_
- 秦时明月手游培养丹用法和属性详解_手机游戏_游戏攻略_
