Question

现在，除了Windows上的IE之外，这个特定容器在所有浏览器上看起来都是一样的。

我需要做些什么来解决它？

.container {

background-color: #FFFFFF;
margin:0 auto; 
min-height: 170px;
width: 770px;
border:3px solid #000000;
margin-top:30px;
margin-bottom:60px;
}

Answer 1

在您的脑海中，粘贴此元标记：

<meta http-equiv="X-UA-Compatible" content="IE=9" />

IE喜欢特别。

Answer 2

你应该考虑不支持悲伤的旧浏览器。在那之前，尝试旧的文本中心黑客：

body { text-align:center; }
.container { text-align: left; width: 770px; margin: 30px auto 60px auto; }

Answer 3

试试这样：

body{ padding: 0; margin:0; }
#wrapper { position: relative; padding: 0px; width: auto;} 
    .container { width: 770px; min-height: 170px; margin: 0 auto; margin-top:30px; margin-bottom:60px; border:3px solid #000000;}

结构如下：

<body>
<div id="wraper">
<div class="container">
your content here
</div>
</div>
</body>

我希望它有用..：）

如何在IE和其他浏览器中居这个容器？

3 个答案: