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;
}

Firefox外观

Internet Explorer 8外观

Answer 1

1. 页边距：IE6不支持自动水平居中。相反，你可以使用绝对定位来居中或者你可以做

   体{ 文本对齐：中心; }

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

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