wordpress - 2 つの div の正しい配置、分割

Question

以下の情報を見つけるための正しい/最良の方法は何でしょうか。2 つの div に分けてください。

ここで問題のページを見ることができます：

ご覧のとおり、上部の領域は 2 つのセクションに分かれています。1 つはプロパティのプライマリイメージ用で、もう 1 つはプロパティフィーチャを含む左側です。

Floats を使用してみましたが、表示方法が不安定なようです。

この 2 つの情報を分割する最善の方法は何でしょうか?

現在、それらは 2 つの個別の div として設定されており、そのうちの 1 つは float:right; に設定されています。

ありがとう！

score 3 · Accepted Answer

#splitする必要がありますfloat: left;

次に、との合計幅は、コンテナーよりも狭くする必要が#splitあります。#split-two

最後に、適切な clearfix<br style="clear:both;" />を使用するか、コンテナ内の安価で汚れた要素をクリアする必要がありますが#split、#split-two

score 1 · Accepted Answer

右側にプロパティ画像、左側に情報の列が必要だと言いますが、サンプルfloat:rightでは#split-two情報の列にあります。

右側の画像と左側の列が必要な場合は、次の変更を行います。

#split {
float: right;
}

#split-two {
float: none;
}

とhtmlで：

<div id="split-two" class="clearfix">   
...

score 0 · Accepted Answer

0

以下のコードをスタイルに追加します。

#split {
width: 340px;
float: left;
}

于 2012-05-09T14:28:29.290 に答える

3 に答える 3