flex实现上下固定中间自适应的三栏布局
前言
首先把盒子分为三部分：头部header、中间内容区content、底部footer。
header和footer分别固定在头尾，content放在中间、高度自适应，且content里面的元素由上至下垂直排列。
效果图如下：
HTML代码
用一个div包裹住所有模块
<body>
<div class="box">
<div class="header">header</div>
<div class="content">
<div class="box1">11111111111111</div>
<div class="box2">222222222222</div>
content
</div>
<div class="footer">footer</div>
</div>
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
