Question

编写宽度为100％的div（下图中黄色的div）的最佳方法是什么，而不会破坏文档的流程？

enter image description here

Answer 1

div {position:absolute;}

或 div {postion：fixed;} 将它从文档流中删除，但是您可能必须指定left和top，以便在删除它之后将其放在您想要的位置，具体取决于您使用的是哪一个。

Answer 2

<div id="container">
    <div class="big">
        //content
    </div>
    <div class="small">
       //content
    </div>
</div>

的CSS：

.big
{
    background-color:#whatever;
}

.small
{
     width:75%;
     margin-left:auto;
     margin-right:auto;
}

Answer 3

div会自动占据其父级的整个宽度（在本例中为<body>）。如果你插入

style="clear:both"

进入要拉伸的div，它将确保它不与任何其他元素并排（沿着页面的正常流动），因此它将拉伸身体的宽度。