码迷,mamicode.com
首页 > 其他好文 > 详细

上下高度固定中间自适应的布局方式

时间:2018-12-26 11:36:20      阅读:307      评论:0      收藏:0      [点我收藏+]

标签:tab   分享图片   color   千万   div   png   相对   flex   inf   

(1):定位

子盒子用绝对定位(千万别给父盒子加相对定位)

技术分享图片

(2)flex布局

技术分享图片

(3)使用grid网格布局:

技术分享图片

技术分享图片

(4)使用table布局,一定要套一个空div,要不然整个页面都是空白的

 技术分享图片

 

上下高度固定中间自适应的布局方式

标签:tab   分享图片   color   千万   div   png   相对   flex   inf   

原文地址:https://www.cnblogs.com/smdb/p/10177820.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!