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以在其 parent.container中居中一个元素。block<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 回答