如何使用CSS将div的高度设置为100％

答：也为父母设置100％的身高

如果您尝试使用样式规则height: 100%;将div容器的高度设置为浏览器窗口的100％，则该按钮将不起作用，因为百分比（％）是相对单位，因此生成的高度取决于父元素的高度高度。

例如，如果考虑以下示例，则.containerdiv有两个父元素：the<body>和the<html>元素。并且我们都知道该height属性的默认值为auto，因此，如果我们还将<body>和<html>元素的高度都设置为100％，则容器div的结果高度将等于浏览器窗口的100％高度。

例试试这个代码»

<!DOCTYPE html>

<head>

<title>Set DIV Height to 100% Using CSS</title>

<style>

html, body {

height: 100%;

margin: 0px;

}

.container {

height: 100%;

background: #f0e68c;

}

</style>

</head>

<body>

<div class="container">The height of this DIV element is equal to the 100% height of its parent element's height.</div>

</body>

</html>

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h61039.shtml