2

div 要素をクラス名で中央に配置しようとしていますが、div 要素とヘッダー タグでプロパティをtoolbar使用しようとしましたが、うまくいきませんでした。inline-blocktext-align: center

ここにhtmlがあります

<header>
   <div class="toolbar">
   </div>
<header>

および対応する CSS スタイル

 header{
    width: 100%;
    height: 51px !important;
    position: fixed;
    background-color: white;
    margin: 0 auto;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    z-index:100;
    top: 0;
    text-align: center;
}

.toolbar {
    background: #fff;
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 910px;
    margin: 0 auto;
    padding: 10px 25px;
    display: inline-block;
}

内側の div 要素を中央に配置する運がないため、現在の設定では右に移動し、div の表示を削除すると左に移動します

4

1 に答える 1

4

削除position: fixedしtop: 0て、必要ないので....

.toolbarクラスdisplay:blockから変更します。

簡単なサンプルを次に示します。

http://jsfiddle.net/Riskbreaker/QePqL/

削除したくない場合position: fixed：

http://jsfiddle.net/QePqL/1/

于 2012-12-28T00:44:50.273 に答える