Question

如何将此容器对中，使其从顶部，左侧和右侧居中？我已经尝试了下面的内容，但它不起作用。不确定我错过了什么：

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

Answer 1

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

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

我该如何集中这个容器？

1 个答案: