div merkezi bir başka iki div ise

Question

Bir div içinde üç divum var, bunlardan biri sağda, bir tanesi solda ve üçüncü bir merkeze koymak istiyorum ama yapamadım;

<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>

bunu nasıl düzeltebilirim?

Answer 1

Kullanım flexbox'a ve hatta height koymak gerekmez: Bu çalışması gerekir

<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>