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

2.

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

?

文檔中不顯示，因?yàn)閟pan為塊狀元素，不能設(shè)置寬和高。

3.

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

此時(shí)在文檔中顯示。因?yàn)樵O(shè)置了浮動屬性，會讓span元素脫離標(biāo)準(zhǔn)文檔流。

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

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?②網(wǎng)頁中的臨近元素出現(xiàn)異位。

? ? ? ? ? ? ? ? ? ? ? 問題解決：①給父元素設(shè)置高度

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ②給父元素也設(shè)置浮動屬性

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

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?④給父元素設(shè)置overflow屬性，并結(jié)合zoom:1使用;? ?

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

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。