CSS教程:浮動(dòng)元素對(duì)瀏覽器的支持
2024-07-11 08:24:36
供稿:網(wǎng)友
當(dāng)元素設(shè)置浮動(dòng)(float)后會(huì)被移出文檔流,相信大家都會(huì)經(jīng)常遇到這樣的問(wèn)題。
這問(wèn)題的解決辦法有N種之多,因?yàn)槊糠N瀏覽器對(duì)CSS的解析各異,所以在不同瀏覽器使用清除浮動(dòng)的元素也會(huì)有所不同。
我認(rèn)為目前還沒(méi)有最好的清除浮動(dòng)元素或組合,而是根據(jù)情況分析而選擇,最好的清除浮動(dòng)元素或組合。
為了兼容不同瀏覽器,可能要使用不同的清除浮動(dòng)元素組合使用,如:{overflow:hidden; zoom:1;}、{display:table; width:100%;}、{overflow:hidden; height:1%;}
以下分析了部份的消除浮動(dòng)元素對(duì)瀏覽器的支持:
運(yùn)行代碼框