有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度

小董大咖

已于 2022-08-15 16:53:43 修改

阅读量374

点赞数 1

文章标签： html 前端

于 2022-08-11 18:17:42 首次发布

本文链接：https://blog.csdn.net/ddf__/article/details/126290666

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
	</head>
	<style>
		html,body{height: 100%;padding: 0;margin: 0;}
		 .auto { height: 100%; position: relative; }
		 .A { height: 100px; background: #BBE8F2; }
		 .b { background: #D9C666; width: 100%; position: absolute; top: 100px ; left: 0 ; bottom: 0; }
	</style>
	<body>
		
		<div class="auto">
		        <div class="A"></div>
		        <div class="b"></div>
		     </div>
	</body>
</html>

最终效果