如何對齊CSS中的div？

我有一個我在CSS中創建的框，我希望它與中心對齊。不幸的是，我已經看遍了，無法找到有效的答案。
HTML：如何對齊CSS中的div？

<div id="top_bar"> 
     <div class="inner"> 

     </div> 
</div>

CSS：

#top_bar { 
vertical-align:text-top; 
width: 90%; 
/*padding: 10px;*/ 
border: 3px solid gray; 
/*margin: auto; 
margin-left: auto; 
margin-right: auto;*/ 
position: fixed; 
bottom: 0px; 
} 

#top_bar .inner { 
    padding:10px; 
} 

body { margin-left:0px; }

來源

2011-11-04 Marcus S

這是行不通的。它只是讓我的酒吧不被卡在底部（我將它移動到頂部之後）。 –

刪除 position:fixed，看到這個question更多信息

來源

2011-11-04 14:28:55 derek

#top_bar{ 
    margin:0 auto; 
    /* Others .... */ 
}

來源

2011-11-04 14:25:50 Dev

塊應該有固定和使用。 – unclenorton

如果需要固定位置並且寬度= 90％，則只需設置左側：5％; – Dev

哦，我真的在OP的CSS中監視了'width = 90％'，對不起。 – unclenorton

也許嘗試把保證金：汽車在內的div

來源

2011-11-04 14:26:40 rogerlsmith

這是working sample。

如果在這種情況下像#wrapper這樣的父元素有text-align:center並且裏面的#content容器有margin: 0 auto;，它將居中。你可以玩這個jsFiddle來感受一下不同的規則會做什麼，並將你學到的東西應用到你的代碼上面。

在上面的代碼中，position: fixed正在強制容器位置。如我在示例中顯示的那樣，它將需要被移除以便集中工作。

來源

2011-11-04 14:30:30

如何對齊CSS中的div？

回答

相關問題