元素的定位；布局

定位

position

static：默认，无定位

relative：相对，相对自身原来位置进行偏移；top、left、right、bottom

absolute：绝对

如果一个元素绝对定位，会脱离标准文档流，宽度为auto，元素会变成块元素

没有设置位置，会在原来的位置上

如果设置了位置，相对于设置了position属性的父容器定位

如果所有父容器没有定义position属性，则相对body定位

fixed：固定

z-index

调整元素定位时重叠层的上下位置

网页元素透明度

opacity:x x值为0~1，值越小越透明 opacity:0.4;

浮动

float属性

left：元素向左浮动

right：元素向右浮动

none：默认，不浮动

清除浮动

clear：left|right|both|none

强制换行显示，在自己指定的方向上不能有浮动元素

不能改变其它元素的位置，只能通过自己位置的变化实现清除

父容器塌陷

1.浮动元素的父容器也浮动，下一个容器清除浮动，缺点：需要在其它元素上设置样式

2.在父元素中添加不浮动的元素，同时设置为清除浮动，缺点：多出一个元素

3.给父容器设置高度，缺点：高度不确定时无法实现

4.给父容器添加overflwo:hidden，强制父容器包含内容，但父容器没有设置高度，所以内容把容器撑起。缺点：需要修改父容器的代码

5.给父容器添加伪类:after，content:"",display:block,clear:both;