那么,如果想让一个元素的百分比高度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>