如何让"商城分类页"在数据不多的情况下充满屏幕高度.
第一次回答(calc)
相信大家的第一反应就是calc(100vh - 头高度)
, 我也是, 然后写了个demo
第二次回答(flex-flow:column)
但是人家说头高度是padding撑起的没有具体高度, 好吧看来只能用flex-flow:column
了.
简单说下flex-flow:column
, 默认flex都是x轴布局, 声明为column
后就变成y轴布局, 这样就可以借助flex自动填充剩余的特性占满高度:
<main>
<header>我是标题</header>
<article>
<aside>
侧边栏, 我是蓝色
</aside>
<article>
我背景是红色
</article>