鍍金池/ 問(wèn)答/HTML/ 父級(jí)包含兩個(gè)垂直方向子級(jí)，第一個(gè)固定高度，第二個(gè)需要根據(jù)其內(nèi)容自適應(yīng)高度

父級(jí)包含兩個(gè)垂直方向子級(jí)，第一個(gè)固定高度，第二個(gè)需要根據(jù)其內(nèi)容自適應(yīng)高度

圖片描述

第一部分已知具體高度，表格部分程度內(nèi)容需要根據(jù)請(qǐng)求返回的數(shù)據(jù)填充，表格底部需要始終距離document文檔底部50px。請(qǐng)問(wèn)樣式是怎么寫(xiě)的？

嘗試過(guò)絕對(duì)定位+margin，可能是布局不對(duì)，沒(méi)有達(dá)到預(yù)期的效果。

回答
編輯回答
六扇門(mén)

不知道你想說(shuō)的是相對(duì)document還是相對(duì)可視范圍。

如果是相對(duì)可視范圍的話，外層用absolute ，bottom:0，即可，主要是body和html要這樣設(shè)置，然后內(nèi)層按照百分比縮放就行

2017年10月2日 22:37
編輯回答
悶油瓶

沒(méi)太理解你想要的效果
absolute絕對(duì)定位會(huì)使元素脫離文檔流，這樣整個(gè)文檔應(yīng)該會(huì)變得很窄吧
如果一定需要定位的話可以試一下relative或者fixed能不能達(dá)到你想要的定位效果，不能的話在內(nèi)部再加一個(gè)沒(méi)有內(nèi)容的div替脫離文檔流的元素占位，看看能不能達(dá)到你想要的效果呢
如果不一定需要定位的話，給第二部分div直接設(shè)置margin-bottom，再給整體設(shè)置一個(gè)最小高度min-height，看看這樣能不能滿足需求

2017年4月14日 02:05