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％？

回答

相關問題