0

ページ ヘッダーに 3 つの div があります。最初の div は教員のロゴ、2 番目の div はウェブサイトのタイトル、3 番目の div は大学のロゴです。

ヘッダー全体に CSS があります:

height: 55px;
width:auto; 

そして背景色。

最初の div は次のとおりです。

#header .logoUt {
  width:285px;
  height:55px;
  float:left;
  background:url(images/Drawing1.png) no-repeat 0 0;
  background-position:left center; }

2 番目の div についても同じです: 固定幅とフロート左とテキスト。

3 番目の div:

#header .logoEtti {
  width:285px;
  height:55px;
  float:right;
  background:url(images/Drawing1.png) no-repeat 0 0;
  background-position:left center; }

質問: ブラウザー ウィンドウを最小化して、これらの div が互いに下にジャンプしないようにするにはどうすればよいですか。私の悪い英語でごめんなさい。

PSヘッダーの背景を高さ55pxのページ全体で左から右にストレッチしたいので、ヘッダー全体に固定幅を設定することはできません。

4

2 に答える 2

4

min-widthヘッダー全体にを設定できます。

#header {min-width: 855px;}
于 2012-06-14T23:03:02.977 に答える
0

1つのオプションは、フロートではなくポジショニングを使用することです。

これを試して:

ヘッダーを与えるposition:relative

中の3つのdivすべてを与えるposition: absolute

top:0;left:0最初のdivに使用

top:0;right:0最後のものに使用

そして真ん中のものpxは左に正しい値を与えます:

于 2012-06-14T23:02:34.067 に答える