1

如何使这个容器居中，使其从顶部、左侧和右侧居中？我已经尝试了下面的内容，但它不起作用。不知道我错过了什么：

 HTML: 

<div class="box"> 
     <p>This is a sentence.</p>
</div>

 CSS:

 .box {
 background-color: #444444;
 color: #888888;
 margin: 0 auto; 
 position: absolute;
 width: 1000px;
 height: 20px;
 }
4

1 回答 1

3

删除position: absolute;它会居中..

这是因为绝对定位的元素被从文档流中取出......并且因为没有其他元素正在使用position您的 div 相对于根<html>元素的属性......因此它为什么停留在视口的左上角。

于 2013-03-01T02:52:04.747 回答