css居中div

Question

我在我的网站上有一个居中的div，使用固定的宽度和边距：0 auto;

在IE中看起来很好，但在FF上，对于长内容的页面，只有div的顶部有正确的div颜色，其余的都有body背景颜色。

我做错了什么？

许多THX

Answer 1

没有看到你的代码很难说，但我敢打赌，你已经设置的div高度100％，这意味着视口的100％。

即使内容足够长，它也不会超出这个范围。这是正确的行为。

为了在没有足够内容的情况下使其成为完整的碎石高度，并且在有足够多的内容时超出视口高度，则需要使用两个div。

下面是我主持一个例子：

Div height 100% fix

Answer 2

如果您知道宽度（即：600像素），可以使用下面的div和高度。 我中心的div在使用3个参数在一个方向：

水平：

<div class='hcnt'>Some H Centered Text</div> 

CSS：

.hcnt{ 
left-margin:50%; 
width:600px; 
left:-300px; 
} 

垂直：

<div class='vcnt'>Some V Centered Text</div> 

CSS：

.vcnt{ 
    top-margin:50%; 
    height:400px; 
    top:-200px; 
    } 

两个：

<div class='hcnt vcnt'>Some completely Centered Text</div>