html - 一个 div，页面的整个宽度，不中断流

Question

在不破坏文档流的情况下，编写宽度为 100% 的 div（下图中的黄色部分）的最佳方法是什么？

在此处输入图像描述

score 1 · Accepted Answer

div {position:absolute;}

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

score 1 · Accepted Answer

<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;
}

score 1 · Accepted Answer

一个 div 将自动占据其父级的整个宽度（<body>在这种情况下）。如果你插入

style="clear:both"

进入您要拉伸的 div，它将确保它不在任何其他元素旁边（遵循页面的正常流程），因此它将拉伸主体的宽度。

3 回答 3