CSS学习之-04

float：元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含边框或另一个浮动框的边框为止。浮动元素之后的元素将围绕它。浮动元素之前的元素将不会收到影响。如果图像是向右浮动，下面的文本流将环绕在它左边。

彼此相邻的浮动元素，则会根据窗口大小自动调整排列。

清除浮动-clear

元素浮动后，周围的元素和会重新排列，为了避免这种情况，使用clear属性。

clear属性指定元素两侧不能出现浮动元素。

使用了clear的元素，其左右不会出现浮动元素，会新开一行进行显示。如果不用clear，则该元素会跟在上一个浮动元素之后，下一个浮动元素则会靠近上一个浮动元素，但不跟这个元素在同一行。