Question

我搜索了所有相似的帖子和谷歌并且还没有找到答案，所以我希望这不是双重帖子，如果是的话我道歉。

我正在尝试使用固定位置将标题栏保留在页面顶部。我目前没有为IE编写代码，正在使用最新的Chrome和Firefox进行测试。我知道位置：固定是相对于浏览器窗口所以症状有意义，但我找不到治愈方法。

当我添加位置：固定;在标题中，它将它串起来并将其推到右上角，我无法让它再次在页面上展开，或推动其他div。我不愿意使用固定宽度，因为我希望尽可能保持页面流畅。

我对javascript / jquery php或任何需要的东西开放。我也相信这是一个简单的解决方案，但我无法理解。 CSS下面。

body {
background-image:url(images/background_image/skyblue.jpg);
min-width:1100px;
padding-left:40px;
padding-right:40px;
padding-top:0;
padding-bottom:0;
margin:0;
background-color:#022F00;
}

.container {
background-color:#FFF;
padding: 0;
margin-left:auto;
margin-right:auto;
height:100%;
background-image:url(images/background_image/skyblue.jpg);
background-color:#022F00;
}

.header {
width:inherit;
background-color:ffffcc;
position:fixed;
left:auto;
right:auto;
}

.login {
float:right;
padding:0;
margin:0;
border:0;
}

.rightinfo {
background-color:#33F;
float:left;
height:200px;
width:20%;
border:thin;
-moz-border-radius:1em;
-moz-border-radius:1em;
-webkit-border-radius:1em;
-webkit-border-radius:1em;

}

.contentbackground {
background-image:url(images/background_image/skyblue.jpg);
background-color:#022F00;
float:left;
width:80%;
padding-top:10px;
}

我有照片，我不允许发布但可以发送电子邮件。我希望这是有道理的。谢谢你的帮助！

Answer 1

对于全宽度固定标题，请尝试：

.header {
 top:0;
 left:0;
 right:0;
 background-color:ffffcc;
 position:fixed;
}

使用位置的问题：固定;

1 个答案: