布局技巧(经典布局)自适应(两列,三列)布局 ,等高布局
等高布局等高布局是指多列子元素在父元素中实现等高视觉效果的布局技巧。实现要点(需求) 多列 每一列背景不同 其中任意一列变高,其它列同步变高 方法一伪等高原理:利用 内边距填充背景色,设置一个较大的下内边距值, 外边距抵消内边距 保证盒子的有效高度height不变 而父盒子的高度取决于最高列的高度 在父盒子里写overflow:hidden 即可将溢出的背景色部分切掉 留下在父盒子里的背景色 给人一种视觉上的等高 实现步骤 .
复制链接