admin管理员组

文章数量:1794759

css 高度自动填充布局

css 高度自动填充布局

效果图

 

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob)</title> <style> *{padding:0px;margin:0px;} html,body{ height: 100%; } .box { display: flex; flex-flow: column; height: 100%; } .header { background: dodgerblue; height: 50px; } .auto-fill { background: wheat; flex: 1 } </style> </head> <body> <div class="box"> <div class="header">头部</div> <div class="auto-fill">自动填充</div> </div> </body> </html>

本文标签： 布局高度css

版权声明：本文标题：css 高度自动填充布局 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1686971597a123945.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。