請(qǐng)問(wèn)flex布局高度自適應(yīng)問(wèn)題
請(qǐng)問(wèn)當(dāng)flex-direction: column; ? 父容器的高度只能用px單位 ?貌似不能用100%； ?這個(gè)怎么辦
李姓青年_
2016-03-28
2 回答
舉報(bào)
0/150
提交
取消
2016-05-01
<style>
html,body{height: 100%;margin: 0;padding: 0;}
#outer{height: 100%;background-color: #ffc;display: flex;flex-direction: column;}
或者h(yuǎn)eight:400px;
.inner{height: 40%;flex: 1 1 auto;margin-bottom:20px;background-color: #ddf;}
</style>
<body>
<div id="outer">
<div class="inner"></div>
<div class="inner"></div>
</div>
</body>
能不能用百分比要看父元素高度是否存在
2016-03-29
因?yàn)槭前凑崭溉萜鞯母叨葋?lái)設(shè)置百分比的 ?你說(shuō)的父容器 是因?yàn)樗母溉萜鳑](méi)有設(shè)置高度 所以不能設(shè)置% ?如果父容器的父容器 設(shè)置了高度 ?則父容器就能設(shè)置%