次は画像を6つ使った可変的な角丸ボックスのコードです。（周りを内側に影をつけたもの）
この中にさらに左右に分かれるコンテンツをつくり、左右いづれかの高さにあわせるように角丸画像のボックスの高さが変わるようにしたいのですが誰か教えてください。（.curve-07-body divの中に作ってみたのですがfloatするとそれに画像がついてきてしまい乱れます。）
<div class="curve-07-head">
<div></div>
</div>
<div class="curve-07-body">
<div></div>
</div>
<div class="curve-07-bottom">
<div></div>
</div>
No.1
134
8
35pt
「画像がついてくる」というのがどういう状況かちょっとよくわからないのですが、
<div class="curve-07-body">
<div class="floatleft">left</div>
<div class="floatright">right</div>
</div>
とすると高さが0と扱われる、ということでしょうか？
でしたら、clear要素を入れてやれば高さが算出されるようになります。
<div class="curve-07-body">
<div class="floatleft">left</div>
<div class="floatright">right</div>
<div class="clear"></div>
</div>
1
1
1
1
1
24
24
コメント（0件)