子 div 要素を #mainHolder div に動的に追加する必要があります。連続する 3 つの div のみにする必要があります。http://jsfiddle.net/Lijo/ZkLg6/20/に示すように、「<strong>クリア」アプローチを使用してそれを行っています。
これを行うためのより良い CSS の方法はありますか?
参照：
質問する
125 次
3 に答える
4
クラスに追加できclear: left;ます。この方法では、 Here is a updated JSfiddleで.firstDiv別の div を追加する必要はありません。clear:both;
于 2012-09-17T11:12:43.583 に答える
1
内側のdivを使用display: inline-block;して、それらを連続して共存させる必要があります。
これはあなたの例であり、少し書き直されて、これを行います：
説明：
Javascript-その部分は機能的にはあなたとほとんど同じですが、演習としてもう少し一般的なものに書き直しました。各行を個別のdivでラップして、それらを分割します。
CSS-これは重要な部分です。私があなたの例を取り上げて、を削除しただけだとしましょう
float: left。divのためdisplay: inline;、divは同じ行にレンダリングされますが、同じ理由で、寸法（幅、高さ）を持つことはできません。それらをとして宣言するとdisplay: inline-block、両方の長所を活用できます。水平に配置できるインライン要素と、自分で寸法を記入できる要素。
于 2012-09-17T11:41:08.967 に答える
0
これが位置を絶対に設定し、ボックスの幅を150に設定するのに役立つことを願っています（例：3 * 50px）。
このリンクを確認してください>> http://jsfiddle.net/ZkLg6/24/
于 2012-09-17T11:13:58.137 に答える