CSS教程:浮動元素對瀏覽器的支持_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
當元素設(shè)置浮動(float)后會被移出文檔流,相信大家都會經(jīng)常碰到這樣的問題。
這問題的解決辦法有N種之多,因為每種瀏覽器對CSS的解析各異,所以在不同瀏覽器使用清除浮動的元素也會有所不同。
我認為目前還沒有最好的清除浮動元素或組合,而是根據(jù)情況分析而選擇,最好的清除浮動元素或組合。
為了兼容不同瀏覽器,可能要使用不同的清除浮動元素組合使用,如:{overflow:hidden; zoom:1;}、{display:table; width:100%;}、{overflow:hidden; height:1%;}
以下分析了部份的消除浮動元素對瀏覽器的支持:
運行代碼框
[Ctrl A 全部選擇 提示:你可先修改部分代碼,再按運行]
注重:以上表格元素是指,當內(nèi)容被移出文檔流時清除元素對瀏覽器分支持
你是否也使用了以上表格元素或組合,如有更佳的消除浮動元素或方法,歡迎賜教!
相關(guān)CSS教程:
- 相關(guān)鏈接:
- 教程說明:
CSS教程-CSS教程:浮動元素對瀏覽器的支持
。