css float樣式屬性

html**編寫過程中需要注意**規範，**錯落有致即是其中最基本的要求，但是瀏覽器會將換行**之間多個空格解釋為乙個空格，但是這乙個空格有時會破壞整個頁面布局，如何解決呢？通過子元素浮動即可解決。設定元素浮動方向， 該屬性有多個值：

**為了後期維護，需要縮排換行，換行後在html中，瀏覽器預設將多個空格視為乙個空格，為了消除空格，可以使用浮動float：

**和顯示效果如下：

鄭州大學

鄭州大學

總結：以往該屬性總應用於影象，使文字圍繞在影象周圍，不過在 css 中，任何元素都可以浮動；
浮動元素會生成乙個塊級框，而不論它本身是何種元素；
如果浮動非替換元素，則要指定乙個明確的寬度，否則它們會盡可能地窄；
假如在一行之上只有極少的空間可供浮動元素，那麼這個元素會跳至下一行，這個過程會持續到某一行擁有足夠的空間為止。

浮動會讓塊級元素在一行內顯示**如下：

鄭州大學

鄭州大學 鄭州
大學 鄭州大學 

效果顯示：

因為使用了float：left，所以將div塊級元素浮動起來，轉化為了行內元素，完成了讓塊級顯示在一行的效果。在第三個div父類中消除了浮動，所有第四個鄭州大學換行了從新執行的浮動。