CSS水平居中和最小高度在IE中不起作用

Question

<div id="wrapper">
    <div id="content" style="background-color: white;">
        ...   
    </div>    
</div>

#content{
  float: left;
  width: 540px;
  padding: 30px 30px 0px 30px;
  background-color:#19252f;
  text-align: left;
  min-height: 500px;
}
#wrapper {
   margin: 0 auto;
   width: 800px;
}

火狐外观

Internet Explorer 8 外观

Answer 1

1. margin: IE6 不支持自动水平居中。相反，您可以使用绝对定位来居中，也可以这样做

   身体{ 文本对齐：居中； }

2. 对于 IE 最小高度，除了 min-height: 300px; 之外，您还需要添加被黑属性 _height: 300px 除了 IE 之外的所有浏览器都会忽略被黑的属性，并且由于 IE 有效地将高度视为最小高度，您将在所有浏览器中获得您想要的效果。

3. background-color 在 IE 中运行没有任何问题。