0

我是 HTML/CSS 的新手，但我无法将固定的 h1 元素居中。它拒绝居中并停留在页面的左侧。我尝试将边距设置为自动，但它没有做任何事情。这是代码：

h1 {
color: #580101;
font-family: RobotoRegular;
position: fixed;
text-align: center;
}

* {
 background-color: #ecebe9;
 }

#navbar {
color: #000653;
background-color: #00001a;
height: 40px;
border-radius: 3px;
}

.sidebar {
background-color: black;
width: 90px;
height: 500px;
float: left;
margin: 30px 0px 0px 0px;
}

和 HTML：

<!DOCTYPE html>
<html>
<head>
    <link href="Fonts/stylesheet.css" rel="stylesheet" type="text/css">
    <title>Webpage</title>
</head>
<body>
    <div id="navbar"></div>
    <div class="sidebar"></div>
    <h1>Hello World!</h1>
</body>
</html>

所以我该怎么做？

4

4 回答 4

1

演示

更改为<h1> position:fixedposition:relative

于 2013-02-23T06:34:32.920 回答
1

如果要使用固定位置，请为css 样式添加width: 100%;css 规则。h1

其他只需删除即可position。

于 2013-02-23T06:36:00.780 回答
1

它粘在页面一侧的原因是因为它的名称是固定的。如果你“基本上”要求固定元素，你不能告诉它在中心自由浮动，如果这是有道理的

你可以这样做

<style>
.test{
   position:fixed; 
   right:0; 
   left:0; 
   text-align:center; 
   background:#EEEEEE;
</style>
<h1 class="test">test</h1>
于 2013-02-23T06:39:32.963 回答
-1

使用时position，指定它的位置... left, top, 或right, bottom。

于 2013-02-23T06:43:19.237 回答