<div class="box">
<div class="top">top</div>
<div class="mid">mid</div>
<div class="btm">btm</div>
</div>css.box{ display: flex; flex-direction: column; height: 100vh;
} .mid{ flex: 1; background-color: #ffc;
}效果如下圖但是去了IE瀏覽器,中間的黃色的高度就變成了0?為什么?應(yīng)該怎么改?才能讓中間這個(gè)部分在內(nèi)容超出時(shí)自動(dòng)增加高度,內(nèi)容不夠時(shí),沾滿一屏(加上頭和腳)
- 1 回答
- 0 關(guān)注
- 807 瀏覽
添加回答
舉報(bào)
0/150
提交
取消