##
静态定位:
position:static; 默认值,指定left/right/top/bottom/ 没有作用。
position:absolute; 绝对定位
a:参照物:已经设置定位的父元素。【如果没父元素或者父元素都没有定位的情况下,以 文档 参照物】
b:破坏文档流(布局流),不占据空间
position:relative 相对定位
a:参照物:是自身默认位置
b:不会破坏文档流,占据空间。
position:fixed;
a:参照物:浏览器窗口
b:不占据空间
##
包含块的设置:
如果想让某个父元素形成“参照物”,需要给父元素设置position:relative;
需要做定位的子元素,添加position:absolute;
## 层次关系
定位元素的层次关系:
z-index: 属性值为一个数值。数值越大越在上层显示。
默认值为auto;
##
让元素在浏览器窗口上下左右居中
{
position:fixed;
left:0;right:0; //实现思路:把元素从文档流中脱离出来
top:0;bottom:0;
margin:auto;
}