CSSのレイアウトで困っています。
現在ショッピングサイトを作っているのですがCSSの表示で困っています。
item_boxというdiv要素の中に更にitem_aというdivタグで包んだ商品写真とテキストのBOXをfloatで左に回りこみ
させ横３列に並べています。
1段目だけなら表示に問題ないのですが2段目以降になると1段目の商品BOXの高さによっては横一列に綺麗に並びません。
何か良い解決策は無いでしょうか？
item_aにheightを指定すればいいのですが文字数によってはテキストが切れたり、または下に空洞が空きすぎたりするのでheight指定は避けたいです。
投稿日時 - 2009-04-20 22:40:35
0人が「このQ&Aが役に立った」と投票しています
回答（1件中 1～1件目)
具体的にどうしたいのか見てみないとよく分からないのですが、
横に３つ並んだdivの高さを揃えたいということでしょうか？
＞文字数によってはテキストが切れたり
・テキスト枠(block要素で囲む)に高さをつけ、overflow:auto
＞下に空洞が空きすぎたりする
・BOXの見た目を統一する（borderやbackgroundを指定）
他に考えられる解決策は
文字数をcountして文字数の近いものを横に並べるなどありますが、「高さ」のバランスでお悩みなら「高さ」を指定することが一番妥当かと思います。
投稿日時 - 2009-04-21 12:45:12
OKWaveのオススメ
おすすめリンク
