使用窄浏览器，CSS块不能扩展到100％

Question

我遇到了问题 - 当我的浏览器比页面宽度的100％（也就是960px）窄时，容器块不能100％缩放。

图片：http://www.upload.ee/image/1549682/problem.png

   /* CONTENT */
div#content {
width:100%;
background-color: #e0e3e3;
}

div#content_wrap {
display: block;
width: 960px;
min-height:200px;
margin: 0 auto 0 auto;
}


<div id="content">
    <div id="content_wrap">
        test
    </div>
</div>

Answer 1

以你的风格添加它

body{
        margin:0;
        padding:0;
    }

Answer 2

将width: 100%更改为display: inline-block。

div#content {
    display: inline-block;
    background-color: #e0e3e3;
}

问题是width: 100%将宽度设置为父元素的100％，而不是子元素的大小。要将div与内容相符，请使用inline-block。