Question

SPA上的Vanilla HTML / CSS：

我有一个高度为40px的CSS导航栏。我在下面有一些DIV内容。我没有将页面的高度设置为100vh或其他任何东西。

我希望让DIV在＆＃34;下面＃34;导航栏，以便DIV在加载时等于100vh。换句话说，我希望加载的导航栏和DIV组合正好是100vh，以便第一个滚动显示第二个DIV的开头。

def TFE_NewContextOptions():
    return _pywrap_tensorflow_internal.TFE_NewContextOptions()
TFE_NewContextOptions = _pywrap_tensorflow_internal.TFE_NewContextOptions

def TFE_ContextOptionsSetConfig(options, proto, proto_len, status):
    return _pywrap_tensorflow_internal.TFE_ContextOptionsSetConfig(options, proto, proto_len, status)
TFE_ContextOptionsSetConfig = _pywrap_tensorflow_internal.TFE_ContextOptionsSetConfig
TFE_DEVICE_PLACEMENT_EXPLICIT = _pywrap_tensorflow_internal.TFE_DEVICE_PLACEMENT_EXPLICIT
TFE_DEVICE_PLACEMENT_WARN = _pywrap_tensorflow_internal.TFE_DEVICE_PLACEMENT_WARN
TFE_DEVICE_PLACEMENT_SILENT = _pywrap_tensorflow_internal.TFE_DEVICE_PLACEMENT_SILENT
TFE_DEVICE_PLACEMENT_SILENT_FOR_INT32 = _pywrap_tensorflow_internal.TFE_DEVICE_PLACEMENT_SILENT_FOR_INT32

Answer 1

只要您可以使用固定高度的导航栏，我认为您可以使用css来完成此操作。尝试使用calc()从100vh中减去导航栏高度，以计算第一页的高度。

height: calc( 100vh - 60px );

body {
padding: 0;
margin: 0;
}

.navbar {
  height: 60px;
  background: red;
}

.home {
  height: calc( 100vh - 60px);
  background: green;
}

.second-panel {
  height: 100vh;
  background: blue;
}

<div class="navbar">
  <img src="./img/logo.svg" /> BUTTONS AND WHATNOT
</div>

<div class="home">...</div>
<div class="second-panel">...</div>

在导航栏后面拉div

1 个答案: