如何使div佔滿屏幕~

我們暫且認爲這個html裏面只有三個元素。分別爲<html>、<head>、<body>、<div>

首先要設置這個div的height爲100%。

其次因爲這個height的100%是相對父元素的,而其父元素爲body,那麼我們要將body的height也設置爲100%。

最後,同理,body 的100 %也是相對其父元素的,而它的父元素是根元素html,我們再將html的height設置爲100%。

<html style="height:100%">
    <hend>...</head>
<body style="height:100%">
<div style="height:100%"><div>
</body>
</html>

小知識:因爲html是根元素,爲它所設的屬性的值都被瀏覽器解析爲初始值。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章