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またはrightbottom

于 2013-02-23T06:43:19.237 に答える