CSS_定位

标签：static   固定   absolute   文档流   原来   relative   style   code   移动   

1.相对定位

　　position:relative;

　　（1）不脱离标准文档流，可以调整元素

　　（2）以原来的位置为参考点

position: relative;
/*设置为相对定位*/
top: 30px;
/*向下移动30像素*/
left: 100px;
/*向右边移动100像素*/

2.绝对定位

　　position:absolute;

　　（1）脱离标准文档流，不在页面占位。

　　（2）层级提高，压盖现象。

　　（3）参考点，相对于最近的非static祖先元素定位，如果没有非static祖先元素，那么以页面的根元素左上角进行定位。

　　推荐：子绝父相，子元素用绝对位置，父亲元素用相对定位。

3.固定定位

　　position:fixed;

CSS_定位

标签：static   固定   absolute   文档流   原来   relative   style   code   移动   

原文地址：https://www.cnblogs.com/wangdianchao/p/12521006.html