0

赤と黄青のボタンを中央に配置するにはどうすればよい#top-menuですか？

http://jsfiddle.net/qhoc/qKXD2/

私の問題は#top-menu、画面全体の幅と重ならないように、右側に留まりたいということです。現在、内部にあるもの#top-menuはすべて画面自体の中心にあります。

ありがとう。

4

4 に答える 4

2

このような＃top-menu.centerと#logoのスタイルを変更するこれがあなたが望むものだと思います

#logo {
  background-color: yellow;
  display: block;
  float: left;
  width: 180px;
  height: 45px;
  position:absolute;
 }


#top-menu .center {
  width: 235px;
  margin auto;
}

デモ

于 2012-10-15T06:41:05.547 に答える
1

float:leftボタンスタイルから削除し、[追加]をdisplay:inline-block. 追加overflow:autoします#top-menu .center

説明

Float:left：divを親divに正確に左揃えにします。

disply:block:divが水平方向のスペース全体を占めるようにします。

Overflow:auto：ot内のコンテンツに基づいて親divを拡張します。

2つのdivを隣り合わせに配置する必要があるため、を与えinline-blockます。inline-blockは、div内のコンテンツに基づいてdivを展開します。

ライブデモ

于 2012-10-15T06:43:10.133 に答える
0

ヘッダーの中央のロゴとトップメニューのデモを確認してください。

于 2012-10-15T09:05:22.670 に答える
0

これが解決策です。ロゴに残っているフロートを削除し、margin：0autoを配置します。以下のリンクを参照してください

http://jsfiddle.net/qKXD2/6/

どうもありがとう

于 2012-10-15T06:55:59.927 に答える