使內文擁有 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]
使內文擁有 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]
請問設定了height: auto !important;之後,內層的設定不想被這個影響,該如何清除或重設?
不應該有問題的..
除非你這樣寫
div{ height: auto !important; }
這樣就樂子大了, important 的參數只有 important 才能重寫.
這就意味著所有的 div 關於 height 的參數你也需要加上 important.
建議:
盡量把需要用到 hack 的地方用特定的 class 分隔開來.
例如在需要用到這參數的 <div class=”framehack”></div>
div.framehack{ height: auto !important; }
那麼其他地方的 div 就不會套用上這個css