如何实现双飞翼(圣杯)布局?(面试题) 被迫学习 2022-05-10 98 阅读1分钟 1.利用定位实现双侧固定中间自适应 第一步为父盒子设置左右padding值,第二步给做有盒子的width设置父盒子的padding值,然后分别定位到padding处,最后中间盒子自适应 2.利用flex布局实现两侧固定中间自适应 首先父盒子设置display:flex;第二步就是左右盒子设置固定宽高,中间盒子设置flex:1 3.利用bfc块级格式化上下文,实现两侧固定中间自适应 首先左右盒子固定宽高,进行浮动,第二步就是中间给一个overflow:hidden