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; 会将其从正常流中取出，这是元素宽度不受父级约束的方式之一。