0

嘿，我试图做一个底部粘性页脚链接测试，但它一直超过 100%，这意味着它滚动了一点点..

所以我做了一个简单的 HTML 代码，没有任何添加，但它仍然超过 100%，见这里：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="he" lang="he" dir="rtl" id="bangler">
    <head>
        <title>my title</title>
        <style type="text/css">
        html, body, #wrapper { height: 100%; }
        body > #wrapper { height: auto; min-height: 100%; }
        </style>
    </head>
    <body>
        <div id="wrapper">aa</div>
    </body>
</html>

问题是，它只滚动了一点点，然后 100% 意味着大约 5-10px 更多.. 这真的很奇怪，在 IE 和 Firefox 上！

提前致谢 ！

4

4 回答 4

7

这是因为默认body边距。将此添加到您的样式中：

body { margin: 0; padding: 0; }
于 2010-12-19T14:14:20.603 回答
1

为了确保与我的网站的跨浏览器兼容性，我总是自己定义正文边距。在这种情况下：html, body {margin: 0 0 0 0; padding: 0 0 0 0; }
直到我学会了相当多的 CSS 之前，我才意识到 body 有它自己的预定义边距和填充。

于 2010-12-21T21:48:39.700 回答
0

因为padding和/或（取决于浏览器）默认情况下和/或margin非零，并且填充和边距环绕内容高度。htmlbody

于 2010-12-19T14:14:41.213 回答
-1

所有浏览器都有它们的小怪癖，它们也略微不同地显示选择器和属性，所以 BoltClock 的答案只是确保所有浏览器都以零边距和零填充处理 start。

如果您搜索 CSS 重置，您将找到有关它的更多信息。

于 2010-12-19T15:15:49.307 回答