Css扫盲之float

(1)不是所有的元素都可以float，只有块级元素才可以float，块级元素是在页面上占据一块空间，
如<img />,<p></p> <div></div>和列表<ul></ul>。别的元素如文本元素，不能创建合子模型的
元素和行内元素是不能float的。如<span></span> <br/> <strong></strong>

(2)浮动的元素浮动去哪里了？可以浮动任何一个可以浮动的元素去右边或者左边，
任何跟着被浮动元素的元素都将跟着在被浮动元素的另一边(Any element that follows the floated element will flow around the floated element on the other side)。
如一个图片活动去左边，任何文本或者别的元素都将围绕在图片的右边。

这是跟着浮动图片的文本，这是文本

 

(3)活动的元素会浮动多远？
一个浮动的元素将会浮动到他父元素的左边或者右边，但绝对不可能是中间。
(4)关闭浮动
clear 属性的值可以是 left、right、both 或 none，它表示此元素的哪些边不应该挨着浮动元素。

这是跟着浮动图片的文本，这是文本,这里的文本没有清除浮动

这是清除了浮动的文本