那么,如果想讓一個元素的百分比高度height: 100%;
起作用,你需要給這個元素的所有父元素的高度設定一個有效值。換句話說,你需要這樣做:
<html> <body> <div style="height: 100%;"> <p> 想讓這個div高度為 100% 。 </p> </div> </body> </html>
現在你給了這個div
的高度為100%,它有兩個父元素<body>
和<html>
。為了讓你的div的百分比高度能起作用,你必須設定<body>
和<html>
的高度。
<html style="height: 100%;"> <body style="height: 100%;"> <div style="height: 100%;"> <p> 這樣這個div的高度就會100%了 </p> </div> </body> </html>