为元素设置 aw-vh-container
类,使其最小高度(min-height
)为 100vh - (导航栏高度)
。
警告:容器类不能和 aw-g
网格类同时在同一元素上使用,否则在 IE 浏览器上会出现渲染错误。请把网格类作为容器类的子元素使用。
为了演示,容器的背景被设置成了 #f0f0f0
,实际上是白色的。
<div class="aw-vh-container">
...
</div>
为元素同时设置 aw-vh-container
和 aw-vh-container-align-header
类,使其两侧白边与导航栏对齐。由于导航栏的 margin-left/right
是响应式的,容器的 margin-left/right
也是响应式的。
<div class="aw-vh-container aw-vh-container-align-header">
...
</div>
调整窗口大小以观察下方 Demo 的变化。