如何让 height: 100% 起作用

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

来源:http://www.webhek.com/css-100-percent-height

  2015-07-12 03:16   61