Question

我在一个div中有三个div，其中一个在右边，另一个在左边，我想把第三个放在中心但是不能这样做;

＆＃13;

<div id="durum3" style="width: 100%; height: calc(100% - 40px);">
  <div class="processes" style="width: 100%; height: 40%; max-height: 84px; border-bottom:2px solid #9d7db1; min-height: 64px; min-width: 240px;max-width: 360px">
    <div id="firmalar" style="height: 100%; background: red; width: 74px;float: left "></div>

    <div id="islemler" style="height: 100%; background: yellow; width: 74px; text-align: center;  float: left; margin: 0 auto;"></div>
    <div id="pin" style="height: 100%; background: blue; width: 74px; float: right;margin-left: 5px "></div>
  </div>

</div>

＆＃13;

我该如何解决？

Answer 1

使用Flexbox，您甚至不需要放置height：

<div style="background-color: #ccc; padding: 5px;">
  <div style="display: flex; height: 250px;">
    <div style="background-color: #99f; width: 25%"></div>
    <div style="background-color: #9f9; width: 50%"></div>
    <div style="background-color: #f99; width: 25%"></div>
  </div>
</div>

div的div中心还有另外两个div

1 个答案: