双飞翼布局总结

144 阅读1分钟

实现操作总结:

  1. 分别给三个元素设置float,并且向左浮动
  2. 中间的布局需要一个容器包裹,并将容器设置为父元素的100%
  3. 设置左右布局的负margin值
  4. 再给中间容器分别设置左右的margin值

实现代码如下:

image.png

2345截图20220219110826.png

2345截图20220219110932.png