html - 为什么内部容器不适合外部容器？

.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。
我将content类的宽度设置为100%，假设它将遇到1200px作为其最终限制。
但是，这并没有发生。它实际上是从主类扩展到整个页面？

最佳答案

设置position: absolute;将使其脱离正常流，并且是元素宽度不受父元素约束的方式之一。