0

私はこのcssを使用しています：

body,html {
    font-family:Arial;
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    background:#0C3;
}

.header {
    min-height:80px;
    width:100%;
    margin:0 auto 0 auto;
    border:1px solid black;
}

.container {
    width:960px;

}


.logo {
    float:left;
    display:inline;
}
.menu {
    width:300px;
    float:right;
    display:inline;
}

コンテナ div の幅 (960px) のヘッダーを表示し、ヘッダーの左側にロゴ、右側にメニューを表示するには

ここにフィドルがあります：http://jsfiddle.net/YxeTf/

しかし、ヘッダーのdivは中央に表示されていません

4

2 に答える 2

2

親内の要素を中央に配置するには、 margin:auto;toを追加するだけです。.containerblock<div>

デモ

.container {
    width:960px;
    margin:auto;
}
于 2013-09-26T18:47:53.827 に答える
0

ヘッダーに特定の幅を指定します - 960px 未満

デモjsfiddle

ヘッダーにこのコードを試してください ---

  .header {
      min-height:80px;
      width:700px;
      margin:0px auto;
      border:1px solid black;
    }
于 2013-09-26T18:50:20.947 に答える