高度：在IE7

保證金100％的HTML，需要身體爲0到完全填充頁面。

結束時更新 * UPDATE *

我一直在使用新加的高度屬性html和body標籤的以下建議固定。現在需要輕微向下滾動以查看整個頁面。爲什麼會發生這種想法？

結束時更新

我使用CSS來製作一個div填滿屏幕需要。我已將寬度和高度設置爲100％，但div並不填充屏幕的高度。這是一個與IE7的已知問題，或者我可能只是失去了一些東西？下面的代碼。

HTML

<!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" > 
<head> 
    <title>Untitled Page</title> 
    <link rel="Stylesheet" href="test.css" /> 
</head> 
<body> 
<div id="divy"></div> 
</body> 
</html>

CSS

#divy 
{ 
    width:100%; 
    height:100%; 
    background-color:Blue; 
}

來源

2012-04-11 steventnorris

回覆您的編輯：有你我補充了雷蒙的答案？（也就是說，將身體的邊距和填充設置爲0） – 2012-04-11 13:54:42

@MrLister這是修復。乍看之下，我沒有注意到保證金的增加，但現在全是黃金。 – steventnorris 2012-04-11 14:08:23

的問題是，容器必須有100％的高度，它的子元素來承擔100％......

在這種情況下，容器是<html> - ><body>所以速戰速決是

html, body { 
    margin: 0; 
    padding: 0; 
} 
html, body, #divy { 
    width:100%; 
    height:100%; 
}

來源

2012-04-11 12:58:36 rlemon

有趣的技術！ – 2013-05-23 15:18:28

元件填充體元件，其可以是比瀏覽器窗口小的高度。

設置html和body元素的高度，讓他們填寫窗口：

html, body { height: 100%; }

來源

2012-04-11 12:57:53 Guffa

我已經添加了上面的代碼。我沒有考慮到父元素不是100％。非常感謝。 – steventnorris 2012-04-11 13:49:30

每當你要定義一個100％的高度，它的祖先或全部subsequest祖先，必須有100％的身高也是如此。

所以，給100％身高，body，以及html。

html, body { height: 100%; }

來源

2012-04-11 12:57:57 Starx

您可以使用jQuery管理這個問題：

jQuery('.yourDiv').height(jQuery('body').height());

來源

2012-04-23 12:40:04 ShibinRagh

回答

相關問題