有兩個(gè) div。我希望第二個(gè) div 占據(jù)剩余空間。目前它占據(jù)了 100% 的高度，但它應(yīng)該只占據(jù)剩余空間。html, body { height: 100%; width: 100%;}.header { background-color: blue; color: red; font-size: 50px;}.content { background-color: red; height: 100%; width: 100%;}<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title></head><body><div class="header">Header</div><div class="content"> </div></body></html>
1 回答
鴻蒙傳說
TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊
發(fā)生這種情況是因?yàn)槟銓?body 設(shè)置為 100%
你可以嘗試另一種方法
body {
height: 100%;
width: 100%;
display:grid;
grid-template-columns:1fr;
grid-template-rows:70px 1fr;
}
并且不要設(shè)置任何一個(gè)元素的高度
- 1 回答
- 0 關(guān)注
- 170 瀏覽
添加回答
舉報(bào)
0/150
提交
取消