0

ディビジョンについて質問です。が入ったテーブルがあります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;
}
4

2 に答える 2

0

float:leftそれぞれのスタイルを削除するだけdivで、合計 3divの高さが高さを超えないように注意してくださいtd..

于 2012-06-14T10:00:33.407 に答える