0

你好 stackoverflow 社区，

我的固定标题有问题。我的 html 结构看起来像这样：

<div id="site_wrapper">
<div id="site_header">Header</div>
</div>

CSS看起来像这样：

div#site_wrapper {
max-width:1500px; min-width:900px;
}

div#site_header {
            position:fixed; left:50%; top:0px; z-index:10;
            height:160px; width:1500px;
            margin-left:-750px;
            background-color:#fff;
}

我的问题是，我需要将标题居中并固定宽度为 1500 ...

一些想法？

4

3 回答 3

0

要拥有固定的标头，只需使用以下代码：

div#site_header {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10;
  height: 160px;
  width: 100%;
  margin: 0;
  text-align: center;
  padding: 0;
}
于 2013-10-10T13:09:47.113 回答
0

由于#site_header 在site_wrapper 内，因此您需要将#site_wrapper div 居中，我还将#site_wrapper 代码更新为始终居中在#site_wrapper 内

        div#site_wrapper {
        margin-right: auto;
        margin-left:auto;
        max-width:1500px; min-width:900px;

}

        div#site_header {
        position: fixed;
        top:0px;
        z-index:10;
        height:160px; width:1500px;
        margin-left:auto;
        margin-right:auto;
        background-color:#fff;

}

于 2013-10-10T13:11:45.997 回答
0

如果您想固定标题、居中对齐和一些特殊宽度，请尝试使用以下内容更新您的 CSS 代码：

div#site_wrapper {
    max-width:1500px;
    min-width:900px;
    margin: 0 auto;
}
div#site_header {
    position:fixed;
    z-index:10;
    height:160px;
    width:1500px;
    background-color:#ffff00;
}

参考这个小提琴：http: //jsfiddle.net/aasthatuteja/B2Tnj/

希望这可以帮助！

于 2013-10-10T13:18:01.350 回答