Question

代表#main-content

我不想给出任何修正高度，因为内容可以长而短但如果内容很短，那么它应该采用最小高度500px。

我需要在所有浏览器中兼容。

是否所有w3c都有效且跨浏览器方式而不使用！important因为我读过！重要不应该使用

总之，不要使用   ！重要的声明，除非你   首先尝试了其他一切，并保持   记住任何缺点。如果你使用   它，它可能是有道理的，如果   可能，在你的CSS中发表评论   在任何样式旁边   重写，以确保更好的代码   可维护性。

我试图涵盖一切   与使用有关的重要   ！重要的声明，所以请   如果您认为有，请提供评论   我错过了什么，或者如果我错过了   错了任何东西，我会很高兴   进行任何必要的更正。

http://www.impressivewebs.com/everything-you-need-to-know-about-the-important-css-declaration/

Answer 1

除了IE6之外，每个主要浏览器都支持

min-height（参见QuirksMode）。

在IE6中，元素将展开以包含其内容，即使它具有固定的高度; IE6中的高度实际上是最小高度。

因此，跨浏览器的最小高度声明将是：

#main-content {
    min-height: 500px;
}
* html #main-content { /* target IE6 */
    height: 500px;
}

Answer 2

这是一个：

#main-content {  
    min-height:500px;  
    height:auto !important;  
    height:500px;  
}

另见IE浏览器：

<强> Cross Browser CSS Min-Height

Answer 3

最小高度：100px; / *为所有符合标准的浏览器设置最小高度值* /

min-height对IE不起作用，因此您可以使用： -

height：expression（this.scrollHeight＆lt; 100？“100px”：“auto”）; / *设置IE * /

的最小高度

跨浏览器最小高度的最佳和有效方法是什么？

3 个答案: