css - 内部にフローティング左画像がある 100% 親 div

Question

内部に子divがたくさんある親divがあります。子 div を横に並べて配置したい。つまり、画像の量は常に変化するため、親 div を正確な幅の量に設定することはできません。したがって、親 div を width:100% に設定し、その中の子 div アイテムを float:left に設定すると仮定しました。

親divに、その中のすべての子divの幅と一致する幅を設定した場合にのみ機能します。それを100％にして、子divを親の内側に水平に並べて配置する方法はありますか。

Answer 1

このフィドルの例を見てください- これはあなたが望むものですか?

基本的に、ラッパー div で次のように宣言するだけで済みます。

#wrapper{
 white-space:nowrap;  
 overflow:hidden; /* whatever suits you - could be scroll as well*/
}

デフォルトではブロックレベルの要素ではないため、画像をフローティングする必要はありません。