Fatal编程技术网
  • html/
  • Html 如何使固定元素居中？

Html 如何使固定元素居中？

html css

Html 如何使固定元素居中？,html,css,Html,Css,我对HTML/CSS完全是个新手，但是我在固定的h1元素居中方面遇到了问题。它拒绝将自己居中，并粘在页面的左侧。我试过将边距设置为“自动”，但没有效果。代码如下： h1 { color: #580101; font-family: RobotoRegular; position: fixed; text-align: center; } * { background-color: #ecebe9; } #navbar { color: #000653; background-color:

我对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>


网页
你好，世界！
那么，我该怎么办呢？

将
位置：固定
更改为
位置：相对
如果要使用固定位置，请添加
宽度：100%css规则，用于
h1
css样式


另一种方法是删除将起作用的
位置。
它粘在页面侧面的原因是因为它的名称是固定的，例如。如果你“基本上”要求元素被固定，你不能告诉它在中心自由浮动，如果这有意义的话

你可以这样做


<style>
.test{
   position:fixed; 
   right:0; 
   left:0; 
   text-align:center; 
   background:#EEEEEE;
</style>
<h1 class="test">test</h1>




.测试{
位置：固定；
右：0；
左：0；
文本对齐：居中；
背景：#EEEEEE；
测试

当使用
位置时，指定它的位置…
左
，
上
，或
右
，
下
，如果你试图让h1位于div.sidebar的旁边，h1将位于上面两个div的下方？对向下的投票没有评论？！你会怎么做？举个例子。