position的一些不一样的理解

position的取值有4个,分别为:static, relative, absolute, fixed;

默认为static,这个没什么问题!!

relative:相对自己的位置偏移

absolute:相对于最近的非static的父类元素进行定位

fixed:相对于浏览器视窗定位

绝对定位元素:

如果position不是static或者relative,那就是绝对定位元素

 对于绝对定位方案,盒常常规流中被移除,不影响常规流的布局,它的定位是相对于它的包含块,坐标定位可以通过top,bottom,left,right来定位,也可以通过px来定位!!

固定定位(fixed)也是绝对定位元素,但是它的包含块是窗口,当页面滚动时它固定在屏幕上,因为视窗没有动!

猜你喜欢

转载自blog.csdn.net/Allenyhy/article/details/81587323
今日推荐