1

这是我的页面：http ://bad-sf.com/stemtest/about.html

请注意，即使内容小到不需要滚动，滚动仍然是一种选择。它可能与我的css有关吗？（以下）：

body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
* {
margin:0;
padding:0;
outline: none;
}
html, body {
height:100%;
font-family: '_.regular';
font-size: 13px;
outline: none;
}
#wrap {
min-height:100%;
width:800px;
margin: 2% auto;
}
#main {
overflow:auto;
padding-bottom: 30px;
}
#smm {
width: 400px;
height: 200px;
float:left;
}

#footer {
position: relative;
margin-top: 0px;
height: 35px;
clear:both;
font-family: '_.regular';
}

谢谢！我仍在学习 html 和 css，因此您的任何输入将不胜感激 - Danny

4

2 回答 2

2

这是由#wrap104% 的高度引起的。请注意以下规则：

body {
    height: 100%;
}
#wrap {
    min-height: 100%;
    margin: 2% auto;
}

所以你#wrap实际上是 100% 的高度加上顶部 2% 的边距加上底部的 2% 边距。

有几种方法可以应对这种情况。

您可以删除heightfrombody和可选min-height的 from #wrap，因为在这种情况下它不再有用了。

您可以更改为margin（尽管这将不可避免地提高内容）。#wrapmargin: 0 auto;

可能还有其他一些可能性，但由于不满意的答案被否决，我并不觉得有必要考虑更多崇高的解决方案。

于 2012-12-06T08:33:00.670 回答
0

带走。height:100%;_ html, body { }为什么你还需要它呢？

滚动条总是出现的原因是因为#wrapDIV 也设置为 100% 高度，除此之外，还有 2% 的边距。这迫使你的身体比 100% 多 2%。

您可以删除 2% 的边距，#wrap但如果您不想这样做，删除height: 100%;fromhtml, body { }应该可以解决问题。

于 2012-12-06T08:02:50.983 回答