滚动条问题默认高度

时间:2014-11-12 06:57:23

标签: html css scroll

我正在获取默认高度的水平滚动条,我试图更改我的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>

3 个答案:

答案 0 :(得分:0)

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

http://jsfiddle.net/qj91s5qu/

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

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

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

答案 1 :(得分:0)

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

将此添加到您的代码中:

body {
    margin: 0;
}

答案 2 :(得分:0)

#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我认为问题是位置:相对和位置:绝对;