CSS中float屬性

這個東西叫浮動。顧名思義，就是讓設定的標籤產生浮動效果，就是脫離原來頁面的標準輸出資料流。正常情況下，HTML頁面中塊元素都是從上倒下排列的。如果想實現左右結構。float的一種選擇（當然還有其他方法）。比如<div style="widht:500px"><div style="float:left;width:200px">左</div><div style="float:left;width:200px">右</div></div>這樣，這個兩個DIV標籤就在同一行上了（同時靠左），當然有個前提，就是他們倆的父元素的寬度要至少大於400px，這樣才能在同一行上。這個結果是兩個DIV的右側會空出100PX的空白<div style="widht:500px"><div style="float:left;width:200px">左</div><div style="float:right;width:200px">右</div></div>以上寫法，也是在同一行。不同的是，一個靠左，一個靠右。這裡邊的兩個DIV的中間有100PX的空白。需要注意的是，當標籤使用了float屬性後，就脫離了標準輸出資料流，就不受頁面約束了。這樣不方便，也不利於頁面配置。所以，一般浮動之後要清除浮動。<div style="widht:500px"><div style="float:left;width:200px">左</div><div style="float:right;width:200px">右</div><span style="clear:both"></span></div>這樣，頁面整體的布局結構就基本上沒有被破壞了。