如何居中固定的元素？

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

所以，我應該怎麼辦？

來源

2013-02-23 user2101752

您是否想讓h1靠近div.sidebar？ h1會低於目前的兩個div以上...？ – cliffbarnes 2013-02-23 06:37:33

對反對票沒有評論？！？！？！ – cliffbarnes 2013-02-23 06:38:30

。

其他只是刪除position這將工作。

來源

2013-02-23 06:36:00

這樣做。謝謝！ – user2101752 2013-02-23 07:13:13

@ user2101752隨時歡迎 – 2013-02-23 07:13:58

DEMO

變化<h1>position:fixed到position:relative，如果你想使用固定的位置，然後添加width: 100%; CSS規則爲h1 CSS樣式

來源

2013-02-23 06:34:32 coder

它堅持頁面一側的原因是因爲它的名稱是固定的。你不能告訴它自由浮動的中心，如果你已經「基本」要求的元件是固定的，如果是有道理的

你能做到這一點

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

來源

2013-02-23 06:39:32 iConnor

-1

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

來源

2013-02-23 06:43:19 bobthyasian

你會怎麼做？舉個例子。 – user2101752 2013-02-23 07:12:21

如何居中固定的元素？

回答

相關問題