1

私は次のHTMLを持っています:

<div id="page_title">
  <div id="left_title>
   <h1> MY LARGE TITLE </h1>
  </div>
  <div id="page_help">
TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST
TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST
TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST
  </div>
</div>

そして、次の CSS:

#page_title
{
  width:960px;
  margin: 20px auto 0;
  overflow:hidden;
}
#left_title
{
  float:left
}
#page_help
{
  float:right
}

page_help div に多くのコンテンツがある場合、それは left_title の下に入りますが、これは私が望むものではありません。page_help コンテナーの左側に常に left_title が必要です。この図は（望ましくない）動作を示しています

望ましくない行動

そして、これは私が望むものです:

ここに画像の説明を入力

その振る舞いをするために何が欠けていますか？

4

2 に答える 2

2

div に幅を設定すると、目的の動作が得られます。問題は、page_help div ができるだけ多くのページ幅を占有しようとしていることです。

于 2012-06-15T20:17:29.670 に答える
1

#page_helpの幅を設定する必要があります。そうしないと、サイズを変更することで、入力したデータの量に対応しようとします。

于 2012-06-15T20:21:18.863 に答える