浮動元素對瀏覽器的支持

當元素設置浮動(float)後會被移出文檔流，相信大家都會經常遇到這樣的問題。

這問題的解決辦法有N種之多，因為每種瀏覽器對CSS的解析各異，所以在不同瀏覽器使用清除浮動的元素也會有所不同。

目前還沒有最好的清除浮動元素或組合，而是根據情況分析而選擇，最好的清除浮動元素或組合。

為了兼容不同瀏覽器，可能要使用不同的清除浮動元素組合使用，如：
{overflow:hidden; zoom:1;}、{display:table; width:100%;}、{overflow:hidden; height:1%;}

測試的實例


以下分析了部份的消除浮動元素對瀏覽器的支持：

注意：以上表格元素是指，當內容被移出文檔流時清除元素對瀏覽器分支持！
你是否也使用了以上表格元素或組合，如有更佳的消除浮動元素或方法，歡迎賜教！

[本日誌由 Admin 於 2008-02-05 02:51 AM 編輯]
文章來自: 藍色理想
引用通告: 查看所有引用 | 我要引用此文章
Tags: 浮動浮動 floatfloat