HTML浮动与定位

一.元素的浮动

1.元素的浮动元素float

选择器{
float：属性值;
}

属性值	描述
left	元素向左浮动
right	元素向右浮动
none	元素不浮动

<!--more-->

2.清除浮动

选择器{
clear：属性值;
}

属性值	描述
left	不允许元素向左浮动
right	不允许元素向右浮动
both	同时清除两侧元素不浮动

注：clear属性只能清楚元素左右两侧浮动的影响。并不能清楚子元素浮动对父元素的影响。

1.使用空标记清除浮动

可以是<div>,<p>,<hr />等。

2.使用overflow属性清除浮动

3.使用after伪对象清除浮动

(1)必须为清除浮动的元素伪对象设置”height：0；“样式，

(2)必须在伪对象中设置content属性，属性值可以为空。

2.overflow属性

选择器{
overflow：属性值;
}

属性值	描述
vis