有两个 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 关注
- 93 浏览
添加回答
举报
0/150
提交
取消