首頁(yè) 猿問(wèn) 上下兩部分布局，頭部高度不固定，底...

上下兩部分布局，頭部高度不固定，底部填滿(mǎn)剩余部分，這樣的布局能用css實(shí)現(xiàn)嗎（任何css屬性都行）

Html/CSS

白衣染霜花 2018-07-10 18:30:50

查看完整描述

2 回答

長(zhǎng)風(fēng)秋雁

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

用flex可以上部flex-shrink設(shè)置0，下部flex-grow設(shè)置1，flex-direction設(shè)置為column;

1 反對(duì) 回復(fù) 2018-07-23

POPMUISE

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

補(bǔ)充一下樓上的答案，容器需要 height: 100%，如果是 body 的話(huà)，需要 html,body { height: 100%; }

1 反對(duì) 回復(fù) 2018-07-23

關(guān)注