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

来源:互联网 发布:淘宝手机页面设为首页 编辑:程序博客网 时间:2024/06/05 20:35


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>
实现效果


原创粉丝点击