溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關怎么用CSS將div的高度設置為100％，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
答：也為父母設置100％的身高
如果您嘗試使用樣式規則height: 100%;將div容器的高度設置為瀏覽器窗口的100％，則該按鈕將不起作用，因為百分比（％）是相對單位，因此生成的高度取決于父元素的高度高度。
例如，如果考慮以下示例，則.containerdiv有兩個父元素：the<body>和the<html>元素。并且我們都知道該height屬性的默認值為auto，因此，如果我們還將<body>和<html>元素的高度都設置為100％，則容器div的結果高度將等于瀏覽器窗口的100％高度。
例試試這個代碼»
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<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>
關于“怎么用CSS將div的高度設置為100％”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
