Div不会在另一个div中心

Question

我试图将一个包含标题和文本的div居中于另一个div中，但它不起作用。它只是向右倾斜，这不是我想要的方式。这有什么问题？

CSS：

body {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    background-color: #9C5B27;
}
.about {
    position: static;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    width: 543px;
    text-align: center;
}
header {
    text-align: center;
}
article {
    color: #FFFFFF;
    margin-left: auto;
    width: 567px;
    position: absolute;
    text-align: center;
}
#content {
    background-color: #574637;
    width: 649px;
    height: 134px;
    margin: 0 auto;
    text-align: center;
}

HTML：

 <div class="about">
  <header>Home</header>
            <div id="content">
    <article>
    "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
    </article>
    </div>
</div>
</body>

Answer 1

你正在溢出qazxsw poi容器..你可以用这个达到预期的结果：

.about