1.float元素有繼承屬性：inherit.

2.

span{width:100px;height:100px;background:red; }

?

文檔中不顯示，因為span為塊狀元素，不能設置寬和高。

3.

span{width:100px;height:100px;background:red;float：left； }

此時在文檔中顯示。因為設置了浮動屬性，會讓span元素脫離標準文檔流。

4. 使用浮動，可能出現的問題：①若父元素未設置高度，則父元素會塌陷，沒有高度

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?②網頁中的臨近元素出現異位。

? ? ? ? ? ? ? ? ? ? ? 問題解決：①給父元素設置高度

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ②給父元素也設置浮動屬性

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ③通過clear清除內部和外部浮動? ? ? ? （在會被影響的臨近元素上設置）clear可以繼承。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?④給父元素設置overflow屬性，并結合zoom:1使用;? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? overflow:hidden;? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?zoom:1;? ? (IE專用屬性)

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的float的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。