浮动元素不占任何正常文档流空间,而浮动元素的定位还是基于正常的文档流,然后从文档流中抽出并尽可能远的移动至左侧或者右侧。文字内容会围绕在浮动元素周围。当一个元素从正常文档流中抽出后,仍然在文档流中的其他元素将忽略该元素并填补他原先的空间。 不过既然浮动元素不占任何正常文档流空间,为什么文字不在DIV下,而是环绕DIV?
这就是浮动的特性。普通的块级元素处在浮动元素下层,但它内部的文字(以及行内元素)会环绕浮动元素。
浮动的概念源自图片的左/右对齐,而图片左/右对齐的目的就是实现文字环绕图片。
所以说,这就是浮动的特性。
设置浮动后该元素会有两个特性:①块状元素②脱离文档流