css居中的div

Question

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

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

我做错了什么？

很多人

Answer 1

没有看到你的代码就很难说，但我的赌注是你将div高度设置为％100，这意味着100％的视口。

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

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

以下是我举办过的一个例子：

Div height 100% fix

Answer 2

如果你知道div的宽度（即：600px）和高度，你可以使用以下内容。 我使用3个参数将div放在一个方向：

水平：

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