您的位置：首页 > Web前端 > CSS

CSS、HTMl使用position: fixed;实现div的高度填满剩余空间

2017-10-11 14:20 781 查看
CSS、HTMl实现div的高度填满剩余空间

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin: 0;
padding:0;
}
.content{
position: fixed;
top: 50px;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<div class="top" style="background:red; height:50px; width:100%" ></div>
<div class="content" style="background:yellow;">

</div>
</body>
</html>

实现效果

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航