CSS hack: min-height, width, 多重瀏覽器支援

CSS hack: min-height, width, 多重瀏覽器支援

使內文擁有 min-height 兼跨 IE6~8, FF, Chrome 的基本的寫法是.

[css]

.limitBox{

/* 面向 FF & Chrome */

min-height: 300px; height: auto !important; /* 超過 300px 以上自由伸展 */

>height: 300px; /* 只支援 IE 系列 */

>overflow: visible; /* 使 IE 系列超出 300px 後可自由伸展 */

}

[/css]

2 Comments

  1. 不應該有問題的..
    除非你這樣寫
    div{ height: auto !important; }
    這樣就樂子大了, important 的參數只有 important 才能重寫.
    這就意味著所有的 div 關於 height 的參數你也需要加上 important.
    建議:
    盡量把需要用到 hack 的地方用特定的 class 分隔開來.
    例如在需要用到這參數的 <div class=”framehack”></div>
    div.framehack{ height: auto !important; }
    那麼其他地方的 div 就不會套用上這個css

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

*

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料