定位
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;