HTML基礎知識：爲什麼div不能縮放到100％

我沒有看到任何理由說明爲什麼這個片段不能縮放到屏幕的100％......有人知道......我猜是這樣......我只是不明白這一點，在這裏一個小提琴：http://jsfiddle.net/uuzbv/HTML基礎知識：爲什麼div不能縮放到100％

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
body{ 
width:100%; 
height:100%;} 

.section{ 
    height:100%; 
    width:100%; 
    background-color:#000; 
    } 
</style> 
</head> 

<body> 
<div class="section"> 

</div> 


</body> 
</html>

來源

2012-02-17 Jurudocs

順便說一下，你可以把CSS放在jsFiddle的右上角。它會自動應用這一切。 – ACarter 2012-02-17 19:15:59

用途：

body, html { 
    width:100%; 
    height:100%; 
}

來源

2012-02-17 19:09:51

你可以嘗試添加到HTML DOM元素。沒有任何內容很難說。怎麼把默認情況下它們都被拉伸到全視口上的HTML，身體和節（如果想舒展全視）

*{width:100%;height:100%;}

來源

2012-02-17 19:12:06 Blynn

財產使用width:100%不願意或沒有必要的。你可以設置所需像素的高度，如height: required pixels或也可以使用不間斷空格 

來源

2012-02-17 19:24:41 Vivek

這是定位的本質。默認情況下，你的元素被設置爲position:static，它基本上表示元素將在文檔中發生時定位。因此，您在<body>元素中定義的百分比高度必須服從<html>元素設置的高度規則。在這種情況下，它基本上是默認的空元素高度。如果您注意到，將身體上的位置設置爲absolute or fixed之類的位置將突然擴大該框（而relative則不會）。這是因爲您正在將其從正常的頁面流中移除。

但是，正如大多數人指出的那樣，設置html和body元素的高度/寬度將解決這個問題，這是我推薦的。事實上，在大多數頁面上我，我通常開始：

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

這將基本上給你完整的窗口空間與頁面的體內工作。

來源

2012-02-17 19:57:32 Zensar

HTML基礎知識：爲什麼div不能縮放到100％

回答

相關問題