垂直
css
*{
padding: 0;
margin: 0;
}
html,body{
height: 100%;
}
.container{
width: 100%;
background-color: #e4eaf2;
padding-bottom: 30px;
display: flex;
flex-direction: column;
height: 100%;
}
.con_top{
width: 100%;
background-color: white;
height: 60px;
line-height: 60px;
color: #3350a7;
padding-left: 40px;
font-size: 16px;
font-weight: bold;
}
.con_mid{
margin: 40px 40px 0 40px;
background-color: white;
padding: 10px 10px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
height: 100%;
}
复制代码html
<body>
<div class="container" >
<div class="con_top">
内采订单转采购单
</div>
<div class="con_mid">
</div>
</div></body>复制代码横向同理
最后
以上就是忐忑灰狼最近收集整理的关于flex-全屏撑满的全部内容，更多相关flex-全屏撑满内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复