学习笔记之position的使用
position常用属性和区别:
1、position: relative 【不脱离文档流】
(一般是设置给position:absolute;的父层的)
父层position:relative; 子层position:absolute;的话, 就是依照父层的边界进行定位的,
不然position:absolute 会逐层向上寻找设置了position:relative的元素边界, 直到body元素…
2、position: static【没有定位,元素出现在正常的流中】
(position的默认值)
也就是说对于任意一个元素,如果没有定义它的position属性,那么它的position:static
3、position: absolute【脱离文档流】
【相对于 static 定位以外的第一个父元素进行定位】
(是相对于自己最近的父元素来定位的。)
relative是相对于自己来定位的。
4、position:fixed 【相对于浏览器窗口进行定位】
5、position:inherit 【从父元素继承 position 属性的值】