css布局的问题

Question

为什么下面总是对不齐

Answer 1

你可以考虑中间格使用绝对定位来辅助。

<div style="position: relative; display: flex; justify-content: space-between">
          <div style="width: 25%; height: 400px; background: blue;">左</div>
          <div style="width: 50%; left: 25%; position: absolute; top: 0; bottom: 0;  background: red;">中</div>
          <div style="width: 25%; height: 400px; background: blue;">右</div>
</div>

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 2

因为你没告诉他要对齐