css - HTML:我想创建一个水平居中并从顶部到底部的 DIV

Question

我想创建一个页面，其中的内容 block 水平居中，从浏览器窗口的顶部一直延伸到底部。我已经发现表格不是设计布局的正确方法。从上到下的 block 不是问题:

<div style="position:absolute;top:0px;width:800px;height:100%;background-color: #fff;">
</div>

但是我无法使这个 Div 居中。我试过了

“ margin :自动”

但是没有效果。将 Div 中的文本居中，而不是屏幕上的 Div 本身。

Answer 1

要使 div 居中，您需要两件事，宽度和自动水平边距。像这样:

#myDiv {
    width:800px; /* or whatever */
    margin:0 auto;
}

不需要绝对定位，这两条规则就可以了。