一、浮动
1、清除浮动语法: 选择器{clear:属性值}
属性值:right:不允许右侧有浮动(清除右侧浮动影响);
left:不允许左侧有浮动元素(清除左侧浮动的影响);
both:同时清除左右两侧的浮动;
2、清除浮动的四种方法:
1) 使用空标记清除浮动;
2)使用overflow属性清除浮动
3) 使用after伪对象清除浮动
4)使用before after伪对象清除浮动
二、元素定位
语法: 选择器{position:属性值}
static:自动定位(默认定位方式)
relative:相对定位,相对于其原文档流的位置进行定位
absolute:绝对定位,相对于其上一个已经定位的父元素进行定位
fixed:固定定位,相对于浏览器窗口进行定位
边偏移定位:
top顶端偏移量,定义元素相对于其父元素上边线的距离
bottom底部偏移量,定义元素相对于其父元素下边线的距离
left左侧偏移量,定义元素相对于其父元素左边线的距离
right右侧偏移量,定义元素相对于其父元素右边线的距离
绝对定位的特性:
包裹性:根据实际内容来撑开绝对定位元素的大小。
破坏性:导致父容器塌陷,由于脱离了文档流,导致父容器塌陷。
悬浮性:会漂浮起来,在原始流的元素之上。
�