Css 不需要的垂直滚动条
我在所有浏览器中都有不需要的垂直滚动条,即使内容没有占据整个页面。 欢迎对css进行改进和更改Css 不需要的垂直滚动条,css,scrollbar,Css,Scrollbar,我在所有浏览器中都有不需要的垂直滚动条,即使内容没有占据整个页面。 欢迎对css进行改进和更改 <div id="header"> </div> <div id="container"> <div id="title"><h2>Admin</h2></div> <div id="content"> <div class="login">
<div id="header">
</div>
<div id="container">
<div id="title"><h2>Admin</h2></div>
<div id="content">
<div class="login">
<div> </div>
<form method="post" action="/admin/index.php">
<p><input type="text" name="username" value="" placeholder="Username"></p>
<p><input type="password" name="password" value="" placeholder="Password"></p>
<p><input type="submit" name="login" class="button" value="Send"></p>
<p class="error"> </p>
</form>
</div>
</div>
</div>
<div id="footer">
<p>Copyright © 2010-2013</p>
</div>
==更新=====
我已经用99%的身高修正了它。去掉CSS元素的最小高度。这是一个例子。下面是您希望对CSS代码执行的操作:
#container {
margin-left:auto;
margin-right:auto;
width:70%;
}
这应该可以解决垂直滚动条的任何问题。我看到了滚动条,但只有在播放窗口大小时才看到。我认为,由于您使用%表示高度,因此可以消除
#容器最小高度:80%代码>标记,因为这将消除溢出/滚动条问题
当使用15%的页眉和5%的页脚时,剩余的80%将自动填充容器
另一种选择是在标题中使用位置:相对标记,并添加顶部:15%代码>拨入收割台位置。或者你可以提供一个最小高度:10%代码>和<代码>最大高度:15%代码>以拨入总页眉大小
如果希望页脚始终保持在底部,可以设置位置:相对底部:5%代码>在它的css中我没有看到垂直滚动条。。。我在Safari上。Safari是唯一一个我没有发短信的网站:-)我刚刚发布了一个答案,让我知道它是否有效。如果它没有,只要让我知道,我们可以从那里工作:)它WORK,但在这种情况下的问题是页脚上来,我使用这个布局为整个网站,看到页脚中间的页脚不是最好的;在结束标记之前,确保div页脚是HTML代码中的最后一个内容。这是有意义的吗?取页脚的高度百分比。是的,因为如果内容没有填充页面,页脚就出现了。问题不是页眉,如果我消除了容器的最小高度,问题是页脚:如果内容不填充Page,则页脚中间有80%页脚。问题是您正在使用最小值来声明您的尺寸。您告诉页面至少要使用100%的可用大小。这样就没有空间根据需要调整大小。如果你从你的声明中删除<代码> min <代码>你应该全部设置。AOK我现在明白了,但是他的修复的问题是,如果内容不填充页面,页脚出现在页面的中间,我不会在底部,我用这个LAU为整个站点。
simplest solution without editing ur css
Remove height:100%; from body
html, body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
color: #333399;
}
simplest solution without editing ur css
Remove height:100%; from body
html, body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
color: #333399;
}