css布局-position

这里主要是positon的4个属性。

1.static

static 是默认值。任意 position: static; 的元素不会被特殊的定位。一个 static 元素表示它不会被“positioned”,一个 

position 属性被设置为其他值的元素表示它会被“positioned”。

2.relative

在一个相对定位(position属性的值为relative)的元素上设置 top 、 right 、 bottom 和 left 属性会使其偏离其正常位置。其

他的元素的位置则不会受该元素的影响发生位置改变来弥补它偏离后剩下的空隙。

个人理解为:相对于自身的位置变化。

3.absolute

如果绝对定位(position属性的值为absolute)的元素没有“positioned”祖先元素,那么它是相对于文档的 body 元素,并且

它会随着页面滚动而移动。记住一个“positioned”元素是指 position 值不是 static 的元素。

个人理解为:相对于其他一个positioned对象的位置,一定要有相对对象。

4.fixed

一个固定定位(position属性的值为fixed)元素会相对于视窗来定位,这意味着即便页面滚动,它还是会停留在相同的位置。

和 relative 一样, top 、 right 、 bottom 和 left 属性都可用。

就可以理解为相对于视窗的位置。



猜你喜欢

转载自blog.csdn.net/qq_29854831/article/details/79634024