ダイナミックDivの幅 - 唯一のCSS

Question

私は解決できない問題があります。まず、私のHTMLは：

<div style="width:1000px; overflow:hidden" class="container"> 
 
    <div class="container-items"> 
 
    <div class="item-1" style="float:left">-</div> 
 
    <div class="item-2" style="float:left">-</div> 
 
    .... 
 
    <div class="item-n" style="float:left">-</div> 
 
    </div> 
 
</div>

クラスのコンテナアイテム 'は内の項目数（クラス= "項目-N"）に応じた動的な幅を持つ必要があります。その中のアイテムは折り返してはいけません。 私はjavascriptを使いたくないのですが、 "container-items"の幅を9999px程度に設定したいとは思いません。

は、誰かが「コンテナ・アイテム」のために

Answer 1

使用display:inline-blockを助けることができると思います。

<div style="width:1000px; overflow:hidden" class="container"> 
    <div class="container-items" style="display:inline-block"> 
    <div class="item-1" style="float:left">-</div> 
    <div class="item-2" style="float:left">-</div> 
    <div class="item-n" style="float:left">-</div> 
    </div> 
</div>