絶対コンテナの子の幅を定義できません

Question

絶対の親に入れ子になっているいくつかのdivの幅を定義しようとしています。その幅は定義されていますが、ブラウザでは考慮されていません。 それが何であるかのアイデア私は行方不明（または間違っている）ですか？ お時間をいただきありがとうございます。 .inline-blockへ

HTML

<div class="icons-container"> 
    <div> 
    <img src="img/2d.svg" alt="2d animation icon"> 
    </div> 
    <div> 
    <img src="img/3d.svg" alt="3d animation icon"> 
    </div> 
</div> 

CSS

.icons-container { 
    width: 100%; 
    margin: 0 auto; 
    border: 1px solid #fff; 
    position: absolute; 
    bottom: 0; 
} 

.icons-container div { 
    width: 150px; 
    margin: 0 2px; 
    background: rgba(0,0,0,0.5); 
    display: inline; 
    vertical-align: middle; 
    border: 1px solid #fff; 
} 

.icons-container div img { 
    width: 50px; 
} 

Answer 1

更新.inline：

.icons-container { 
 
    width: 100%; 
 
    margin: 0 auto; 
 
    border: 1px solid #fff; 
 
    position: absolute; 
 
    bottom: 0; 
 
} 
 

 
.icons-container div { 
 
    width: 150px; 
 
    margin: 0 2px; 
 
    background: rgba(0,0,0,0.5); 
 
    display: inline-block; 
 
    vertical-align: middle; 
 
    border: 1px solid #fff; 
 
} 
 

 
.icons-container div img { 
 
    width: 50px; 
 
}

<div class="icons-container"> 
 
    <div> 
 
    <img src="img/2d.svg" alt="2d animation icon"> 
 
    </div> 
 
    <div> 
 
    <img src="img/3d.svg" alt="3d animation icon"> 
 
    </div> 
 
</div>

Answer 2

使用表示インラインブロックの代わりに、インライン