有兩個 div。我希望第二個 div 占據剩余空間。目前它占據了 100% 的高度，但它應該只占據剩余空間。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貢獻1865條經驗 獲得超7個贊
發生這種情況是因為你將 body 設置為 100%
你可以嘗試另一種方法
body {
height: 100%;
width: 100%;
display:grid;
grid-template-columns:1fr;
grid-template-rows:70px 1fr;
}
并且不要設置任何一個元素的高度
- 1 回答
- 0 關注
- 155 瀏覽
添加回答
舉報
0/150
提交
取消