滚动条问题默认高度

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

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

http://jsfiddle.net/qj91s5qu/

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

我强烈推荐使用重置CSS来处理所有项目：http://meyerweb.com/eric/tools/css/reset/

CSS重置将关闭所有浏览器默认设置（浏览器不同），因此没有意外的CSS属性。

Answer 2

我遇到了问题。正文具有正文标记的默认值。

将此添加到您的代码中：

body {
    margin: 0;
}

Answer 3

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

只是改变你的CSS我认为问题是位置：相对和位置：绝对;