のdivセンター、そのうちの一つは右に私は1つのdivで3つのdivを持って

Question

別の2つのdiv要素がある間は、それらの他には、左側にあると私は中央で三番目を入れたいが、それを行うことができませんでした。

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

私はそれをどのように修正することができますか？

Answer 1

使用フレキシボックスとあなたも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>