ディビジョンについて質問です。が入ったテーブルがありますtd
。その中にtd
、divを挿入したい。幅よりも小さく、td
フロートが残っているため、並べて配置されます。
ここにトリッキーな部分があります。それぞれに特定のmargin-top
と特定のがありheight
ます。私が必要とするのは、マージンの合計とアップサイダーの合計がダウンサイダーのマージンよりも小さい場合、div を別の下 (横ではなく) に配置することです。
よく見えるように、画像へのリンクを添付します: ( http://dl.dropbox.com/u/3109622/divs.png )。私が必要としているのは、オレンジ色の div の下に配置される緑色の div です。
編集して私のコードを追加します。表示されている列:
<td>
<div class="columna" style="background: #FAA957; height: 8em; margin-top: 5em;"></div>
<div class="columna" style="background: #F4828C; height: 3em; margin-top: 10em;"></div>
<div class="columna" style="background: #C4E24D; height: 7em; margin-top: 15em;"></div>
</td>
そしてスタイル:
.columnCenter .columna {
width: 20%;
float: left;
}