CSS：如何来html，身高：100％超过100％？

嘿，我试图做一个底部粘页脚link test和但它一直被更多的则100％这意味着它滚动的痘痘位..CSS：如何来html，身高：100％超过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！

在此先感谢！

来源

2010-12-19 natiz

这是因为默认body利润率。添加到您的风格：

body { margin: 0; padding: 0; }

来源

2010-12-19 14:14:20 BoltClock

因为padding和/或margin（取决于浏览器）是html和/或body非零默认情况下，和周围的内容高度padding和margin包装。

来源

2010-12-19 14:14:41 Quentin

-1

所有的浏览器都有他们的小怪癖，他们也略微显示选择器和属性，所以BoltClock的答案只是确保所有浏览器都处理零开始边界和零填充。

如果您搜索CSS重置，您可以找到关于它的更多信息。

来源

2010-12-19 15:15:49 Solidariti

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

来源

2010-12-21 21:48:39 Yoshiyahu

请注意：margin：0 0 0 0;是一个详细的语法。 – Flack 2010-12-21 22:17:50

我同意，但我使用它进行快速调整。 – Yoshiyahu 2011-02-05 21:58:17

CSS：如何来html，身高：100％超过100％？

回答

相关问题