代码之家  ›  专栏  ›  技术社区  ›  BenjiFB

将主体设置为高度=100%和最大高度=100%时的内部元件高度差

  •  0
  • BenjiFB  · 技术社区  · 5 年前

    基于此帖子(和其他帖子):

    Make body have 100% of the browser height

    这样做似乎是合理的:

    html {
      height: 100%;
    }
    body {
      min-height: 100%;
    }
    

    不同于

    html {
      height: 100%;
    }
    body {
      height: 100%;
    }
    

    ?

    比较一下: https://codepen.io/benrhere/pen/bGGBVQy enter image description here

    为此: https://codepen.io/benrhere/pen/ExxNVGW enter image description here

    特别地,将内部div设置为height:100%似乎仅在我们将身体上的height设置为100%时有效,但在我们将max height设置为100%时无效。

    1 回复  |  直到 5 年前