html - 默认高度的滚动条问题

Question

我得到默认高度的水平滚动条，我试图更改我的 css 属性，但它不起作用。知道如何解决这个问题吗？我的 css 和 html 代码如下。

CSS

#content {
position:absolute;
top:40px;
width: 100%;
height: 100%;
display:block;
background:#181818 url("../img/bg-charcoal.gif");
overflow: auto;
}
#content-margin {
margin:8px 8px 8px 22px;
}
#content-scroll {
position:relative;
display:block;
min-height:100%;
overflow:auto;
}

HTML

    <div id="content">
       <div id="content-scroll">
          <div id="content-margin">
          <!-- content here -- >
          </div>
       </div>
    </div>

Answer 1

您需要关闭 body 上的边距/填充。

http://jsfiddle.net/qj91s5qu/

body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

我强烈建议为您的所有元素使用重置 CSS:http://meyerweb.com/eric/tools/css/reset/

CSS 重置将关闭所有浏览器默认设置(不同浏览器各不相同)，因此不会出现意外的 CSS 属性。