我正在获取默认高度的水平滚动条,我试图更改我的CSS属性,但它无法正常工作。任何想法如何解决这个问题?我的css和html代码如下所示。
#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;
}
<div id="content">
<div id="content-scroll">
<div id="content-margin">
<!-- content here -- >
</div>
</div>
</div>
答案 0 :(得分:0)
您需要关闭身体上的边距/填充。
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我认为问题是位置:相对和位置:绝对;