订阅html如何实现上中下布局(上下固定中间自适应)
来源：网络收集 点击： 时间：2024-04-07【导读】：
前端切图的时候经常会遇到需要上下固定宽度，中间自适应的页面布局，下面是实现的代码。工具/原料morehtml css方法/步骤1/5分步阅读
2/5
3/5
4/5
5/5
注意事项
首先我们打开html编辑器，新建3个盒子，高度都是200px,代码如下
2/5然后我们通过定位固定头尾盒子,代码如下
3/5显示的效果如下
4/5然后中间盒子设置样式
position: absolute;top: 200px;bottom: 200px;height: auto;
代码如下，
5/5最后显示效果如下
注意事项中间盒子给个宽度宽度！不限效果出不来
这只是其中的一种方法，希望能帮助到大家，喜欢的话帮忙投个票
HTMLHTML布局上中下布局版权声明：
1、本文系转载，版权归原作者所有，旨在传递信息，不代表看本站的观点和立场。
2、本站仅提供信息发布平台，不承担相关法律责任。
3、若侵犯您的版权或隐私，请联系本站管理员删除。
4、文章链接：http://www.1haoku.cn/art_451935.html
上一篇：王者荣耀名字怎么变黄色
下一篇：生根粉怎样正确使用方法
