当justify-content: space-between;与after伪元素

image.png

当时呢我就想实现这样一左一右的布局,先用浮动实现了一边,后来一看用flex不是更简单,就这样埋下了祸根。

justify-content: space-between;之后是这样的

我当时已经有点怀疑人生了,各种尝试无果后,就先去做别的了。

后来借助浏览器开发者工具,发现了after

着实是被秀到了,在一些场景下,也不失为一种解决方案。