HTML CSS div 100%高度

只是为了防止我在vuejs上做我的项目,但这并不会改变通常放置div的方式(html-css还是一样)x)

好吧,我做了一张小图以方便解释:

diagram

我需要将div粘贴到屏幕底部,问题是我无法对其应用a%或vh,因为导航栏处于固定高度(因此会将div推到小屏幕的下方) )。

通常,我将div放置在导航栏下方,我将高度设置为:100vh,并在div大小的顶部填充,但这一次我不希望将其放置在导航栏下方。

所以,我该怎么做:height:100vh-navbar的高度

我还指定了我(如果可能)不使用js,因为我的navbar和div与vueJS是不同的组件,因此就我认为的高度而言,这将是非常繁琐的

我不知道我的解释是否清楚,但感谢您抽出宝贵时间阅读:)

评论
  • 烦恼%
    烦恼% 回复

    您可以使用calc(100vh-HEIGHT_OF_NAVBAR)。

    myElem {
      height: calc(100vh - NAV_HEIGHT); /*where NAV_HEIGHT can be px, em or whatever */
    }