一個DIV沒有環繞它的子元素？

Question

因此，這裏是我的代碼：

#headerMenu_outer #headerMenu_inner 
{ 
    background-color:#333333; 
} 
#headerMenu_outer #headerMenu_inner li 
{ 
    padding-left:15px; 
    padding-right:15px; 
    text-align:center; 
    font-size:13px; 
    font-weight:bold; 
    display:inline; 
    color:#00FF33; 
    background-color:#00CCCC; 
    cursor:pointer; 
} 

我想headerMenu_inner到headerMenu_outer內居中。通常，「margin-left：auto」和「margin-right：auto」起作用。但是，headerMenu_inner佔用headerMenu_outer的整個寬度。無論如何要讓它不這樣做？我希望它能像黎的需要一樣寬。

謝謝

Answer 1

#headerMenu_inner是最有可能是塊級元素，因此將採取儘可能多的水平空間，因爲它可以。爲該元素指定一個寬度，然後進行保證金處理，例如margin: 0 auto居中。

如果你希望它和LIs一樣寬（離開我的頭頂部），那麼將LI元素設置爲不包裹，然後將「inner」元素設置爲display: inline-block。