__x__(27)0907第四天__ float 浮動

 float 浮動

塊元素脫離文檔流，水平排列。

浮動元素 會盡可能往左上（left），或者右上（right）浮動，直到遇到 塊元素 或者 其餘浮動元素。

 

可選值：

none;   默認值，不脫離文檔流，垂直排列，不浮動。 

left;    脫離文檔流，向文檔 左上側 浮動

right;    脫離文檔流，向文檔 右上側 浮動

 

影響佈局：

垂直上方的元素，若是是塊元素，則浮動於塊元素的下方。

垂直上方的元素，若是不是塊元素，則浮動元素會覆蓋住文檔流的元素。

若位置寬度不夠，則另起一行。

浮動的元素不會覆蓋住 文字 。。。文字會自動環繞在浮動元素的周圍