在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
本文主要介绍了详解css3 flex弹性盒自动铺满写法,分享给大家,具体如下: <style type="text/css"> .flexcontainer{ width:100%; height: 100%; position: absolute; left:0px; top:0px; display: flex; flex-direction: column; } .flex1 { width: 100%; height: 8rem; float: left; background: #f00; } .flex2 { width: 100%; height: 4rem; flex:1; float: left; background: #000; } .flex3 { width: 100%; height: 7rem; float: left; background: #ccc; } </style> <div class="flexcontainer"> <div class="flex1"></div> <div class="flex2"></div> <div class="flex3"></div> </div> 到此这篇关于详解css3 flex弹性盒自动铺满写法的文章就介绍到这了,更多相关css3 flex 自动铺满内容请搜索极客世界以前的文章或继续浏览下面的相关文章,希望大家以后多多支持极客世界! |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论