首頁(yè) 猿問(wèn) flex布局如何讓內(nèi)容不超出頁(yè)面的高度

flex布局如何讓內(nèi)容不超出頁(yè)面的高度

JavaScript

德瑪西亞99 2019-02-26 10:19:06

用了flex布局，這樣的布局，如何讓這3個(gè)div，分別沾滿整個(gè)頁(yè)面，就僅用該頁(yè)面的高度，而不出現(xiàn)右側(cè)滾動(dòng)條的那種，中間的div是table表格，求問(wèn)該怎么寫，

查看完整描述

2 回答

心有法竹

TA貢獻(xiàn)1866條經(jīng)驗(yàn) 獲得超5個(gè)贊

容器用

.main {

width: 100vw;

height: 100vh;

display: flex;

flex-flow: column nowrap;

justify-content: space-between;

}

然后header和footer用flex定高，中間內(nèi)容的部分直接flex:auto;是不是就行了？

記得overflow: hidden;和另外跑遍兼容。

反對(duì) 回復(fù) 2019-03-02

關(guān)注

舉報(bào)

0/150

提交

取消

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)