Fatal编程技术网
  • html/
  • Html 固定粘性标题中以CSS为中心的容器

Html 固定粘性标题中以CSS为中心的容器

html css

Html 固定粘性标题中以CSS为中心的容器,html,css,Html,Css,我对CSS有一些问题，基本上我想要一个主容器和一个固定的粘性头。主容器的宽度为900px，但我希望页眉可以拉伸整个页面。我有这个，但我也希望有一个单独的容器内的容器，是900像素长，但在标题容器。很难解释，但这就是我目前的情况： HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &l

我对CSS有一些问题，基本上我想要一个主容器和一个固定的粘性头。主容器的宽度为900px，但我希望页眉可以拉伸整个页面。我有这个，但我也希望有一个单独的容器内的容器，是900像素长，但在标题容器。很难解释，但这就是我目前的情况：

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Test</title>
<link href="Style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Header"> 
    <div id="Centerheader">
    This should be centered in the header.
    </div>
</div>

<div id="Main">
This is a test.
</div>
</body>
</html>
希望我已经解释得足够好了。 谢谢
Skurope

只需将
固定位置从
#中心收割台上拆下即可：


#Centerheader {
 width: 900px;
 height: 120px;
 /*position: fixed; Remove this*/
 margin:0 auto;
}



勾选此项
#页眉应相对居中，而#页眉应绝对居中哦。。。。非常感谢！那么居中的页眉会留在页眉中吗？那就太清楚了，谢谢！：）是的，因为是在固定的容器内也保持固定。

#Centerheader {
 width: 900px;
 height: 120px;
 /*position: fixed; Remove this*/
 margin:0 auto;
}