圣龙布局的实现

90 阅读1分钟

实现的步骤: 1.给父元素设置padding的左右值 2.给三个行列都设置向左浮动 3.前面在构建center的时候要放在最前面,且宽度为父元素的100%,此时左右两侧的元素被挤到下一行 4.给左右两边设置负值的maigin值 5.给左右两侧的元素设置相对定位,再使用定位将元素移动到上一行的位置

以下时代码的实现过程:

2345截图20220215172936.png 2345截图20220215172906.png

2345截图20220215172923.png