div要素を綺麗に並べたいのですが困っています。

質問

CSSのレイアウトで困っています。
現在ショッピングサイトを作っているのですがCSSの表示で困っています。
item_boxというdiv要素の中に更にitem_aというdivタグで包んだ商品写真とテキストのBOXをfloatで左に回りこみ
させ横３列に並べています。

1段目だけなら表示に問題ないのですが2段目以降になると1段目の商品BOXの高さによっては横一列に綺麗に並びません。

何か良い解決策は無いでしょうか？

item_aにheightを指定すればいいのですが文字数によってはテキストが切れたり、または下に空洞が空きすぎたりするのでheight指定は避けたいです。

回答No.2

font_color

具体的にどうしたいのか見てみないとよく分からないのですが、
横に３つ並んだdivの高さを揃えたいということでしょうか？

＞文字数によってはテキストが切れたり
・テキスト枠(block要素で囲む)に高さをつけ、overflow:auto

＞下に空洞が空きすぎたりする
・BOXの見た目を統一する（borderやbackgroundを指定）

他に考えられる解決策は
文字数をcountして文字数の近いものを横に並べるなどありますが、「高さ」のバランスでお悩みなら「高さ」を指定することが一番妥当かと思います。