CSS——浅谈浮动（Float）,清除（Clear）

        浮动是CSS较常见的布局手段之一。为什么要使用浮动？使用浮动后会产生哪些变化与问题？又该如何解决问题？

        为什么使用浮动？浮动出现的初期仅是为了解决文字环绕浮动元素问题（文字不会被浮动元素覆盖，自动分布在浮动元素周围）,逐渐的浮动慢慢应用到解决多个块级元素同行出现的问题，虽然我们可以通过将块级元素设置为display：inline-block使多个块元素同行，但是该方式不能控制元素的位置，所以实现元素是居左还是居右使用浮动更加方便。

        使用浮动后的变化与问题？运用浮动之后，水平布局的等式便不再强制要求成立。此时浮动元素虽然会完全从文档流中脱离，但却不会从父元素中移除(可能会溢出父元素)。浮动元素不再占用文档流中的位置，故而元素下面的并还在文档流中的元素会自动向上移动。浮动元素脱离文档流后不需要再区分块和行内（块元素不再独占一行，其宽高默认被内容撑开。行内元素本来不设宽高，脱离后会变成块元素）。  

        说到这里，再说一下运用浮动会出现的无可避免的问题。下面我将以一个例子来探索浮动所带来的问题。

<div id="header">
		<div id="box1"></div>
		<div id="text1">去年在福建，仿佛比现在更迟一点，也曾见过雪。但那是远处山顶的积雪，可不是飞舞的雪花。在平原上，它只是偶然的随着雨点洒下来几颗，没有落到地面的时候。它的颜色是灰的，不是白色；它的重量像是雨点，并不会飞舞。一到地面，它立刻融成了水，没有痕迹ÿ