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 。