CSS相容與標準,HACK技巧

持續整理備忘中.

 

1. width="100%"的table被沒有width 的div包含時, IE忽略div的padding值和marggin值, (FF 正常, IE出現橫向捲軸)

下面是來之nwind的一句話：

    該問題應該是IE瀏覽器的一個bug。

    解決辦法：

    給包含這個table的div加入 zoom:1, 便可使IE恢複標準顯示格式

問題的根源應該是IE的一個特有的屬性： haslayout

    zoom恰巧能觸發這個屬性，除此之外還有postion, float, display, width, height,writing-mode，大家可以試試將那個div的“zoom:1”改為“display: inline-block”，結果也是正確的。

下文詳細介紹haslayout屬性，轉載之：http://www.sharkui.com/articles/article.php?id=38。英文網址：http://www.satzansatz.de/cssd/onhavinglayout.html