欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > CSS入门 >

Css布局小结

 

absolute 是最棘手的position值。 absolute fixed 的表现类似,但是它不是相对于视窗而是相对于最近的“positioned”祖先元素。如果绝对定位(position属性的值为absolute)的元素没有“positioned”祖先元素,那么它是相对于文档的 body 元素,并且它会随着页面滚动而移动。

记住一个“positioned”元素是指 position 值不是 static 的元素。 absolute元素也不会保留它原本在页面应有的空隙(脱离文档流)

position: relative 在一个相对定位(position属性的值为relative)的元素上设置 top right bottom left 属性会使其偏离其正常位置。其他的元素的位置则不会受该元素的影响发生位置改变来弥补它偏离后剩下的空隙。

position: fixed 一个固定定位(position属性的值为fixed)元素会相对于视窗来定位,这意味着即便页面滚动,它还是会停留在相同的位置。 一个固定定位元素不会保留它原本在页面应有的空隙(脱离文档流)。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r44095.shtml

我要分享到:
上一篇:Css中的背景属性
下一篇:Css中的框模型

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2017-10-31 10:18 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。