有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度，求个方法？
展开全部
box-sizing方案
外层box-sizing: border-box; 同时设置padding: 100px 0 0；
内层100像素高的元素向上移动100像素，或使用absolute定位防止占据空间；
另一个元素直接height: 100%;
absolute positioning
外层position: relative；
百分百自适应元素直接position: absolute; top: 100px; bottom: 0; left: 0【by三人行慕课】
外层box-sizing: border-box; 同时设置padding: 100px 0 0；
内层100像素高的元素向上移动100像素，或使用absolute定位防止占据空间；
另一个元素直接height: 100%;
absolute positioning
外层position: relative；
百分百自适应元素直接position: absolute; top: 100px; bottom: 0; left: 0【by三人行慕课】
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以再页面加载完成之后js动态的获取父元素的高度-100，赋值给第二个div，或用 display:flex布局
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
#parent {
display: flex;
flex-direction: column;
width: 200px;
height: 300px;
}
#child1 {
height: 100px;
background: red;
}
#child2 {
flex: 1;
background: black;
}
</style>
</head>
<body>
<div id="parent">
<div id="child1"></div>
<div id="child2"></div>
</div>
</body>
<script>
</script>
</html>
请采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
