html - 为什么内容器与外容器不相配？

Question

.main
{
    background-color:#669;
    width:1200px;
    margin-left:auto;
    margin-right:auto;
    height:1000px;
}


.content
{
    background-color: #CCF;
    width:100%;
    height:1000px;
    margin-top:5%;
    position: absolute;
}

如果您看到主类的宽度为 1200px，并且我希望每个 div 都适合 1200px。

我将内容类的宽度设置为 100%，假设它将遇到 1200px 作为其最终限制。

但是，这并没有发生。它实际上是从主类扩展并占据整个页面？

Answer 1

设置 position:absolute; 会将其带出正常流程，这是元素宽度不受父元素限制的方法之一。