css - header、left、right、footer撑满全屏的弹性布局如何实现？

查看：309 发布时间：2017/9/5 23:30:46

本文介绍了css - header、left、right、footer撑满全屏的弹性布局如何实现？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题

.header、.footer高度固定，.left宽度固定，.right内容超出时出现滚轮。
要求该结构撑满整个窗口，即使改变窗口大小也是如此。不使用flex、table，尽可能兼容ie低版本，请教如何实现这个布局？

解决方案

图中除头部外，其它均使用absolute布局，另外，如，左侧边个右侧边，设置 height 100%,bottom 0,top 0,overflow auto;
可参考:http://idesign.qq.com/m/#/

这篇关于css - header、left、right、footer撑满全屏的弹性布局如何实现？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文