無法讓我UL與另一個DIV

目前，我有我的HTML頂部的一面旗幟的CSS正確對齊：無法讓我UL與另一個DIV

#three-d 
    { 
    width: 80%; 
    height: 100px; 
    align: center; 
    border: 1px solid #424242; 
    background-color: #7ca0b6; 
    margin: 20px auto; 
    background-image: url('three-d.jpg'); 
    background-repeat:no-repeat; 
    background-size:100% 100%; 

    color: #fff; 
    text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; 
    font: 80px 'ChunkFiveRegular'; 
    text-align:center;

和div標籤：

<div id="three-d"> 
Banner 
</div>

我有一直試圖將我的ul層的左側與橫幅對齊，但似乎無法做到這一點。我所得到的只是topbarsize div。下面是我的代碼：

<div id="topbarsize"> 
<ul id="topbar"> 
    <li> <a href="#">Title</a> 
     <ul> 
      <li><a href="#">A</a></li> 
      <li><a href="#">B</a></li> 
     </ul> 
    </li> 
    <li> <a href="#">Type</a> 
     <ul> 
      <li><a href="#">A</a></li> 
      <li><a href="#">B</a></li> 
     </ul> 
    </li> 
    <li> <a href="#">Format</a> 
     <ul> 
      <li><a href="#">A</a></li> 
      <li><a href="#">B</a></li> 
     </ul> 
    </li> 
</ul> 
</div>

這裏是我的頂欄和topbarsize CSS：

#topbarsize{ 
width:80%; 
} 

#topbar{ 
    width: 80%; 
    list-style-type: none; 
} 
#topbar > li:hover ul { display: inline;} 

#topbar > li { 
    float: left; 
    margin-left: 20px; 
    margin-right: 20px; 
    font-family:"Georgia"; 
} 
#topbar > li > ul { 
    display: none; 
    top:32px; 
    position: absolute; border-style:solid; padding-left:10px; padding-right:10px; 
    border-width:1px; background-color:white;list-style-type: none;}  
} 


.clear { 
    clear: both; 
}

我試圖寬度調整至80％，在這兩個#topbar和#topbarsize，但不能得到一個辦法。

來源

2011-10-26 exxcellent

也許一個例子可以得到更清晰的......我的意思是......向我們顯示該頁面。 –

@AurelioDeRosa嗨[http://imageshack.us/photo/my-images/841/cssxh.jpg/](http://imageshack.us/photo/my-images/841/cssxh.jpg/）希望你可以理解我的形象 – exxcellent

你「topbarsize」和「三d」容器之間有相同的尺寸;那很好。

要對齊它們，你只需要居中「topbarsize」包裝喜歡你的旗幟：

#topbarsize{ 
    width:80%; 
    margin:0 auto; 
}

例子：http://jsfiddle.net/fparent/bxKMf/

來源

2011-10-26 21:15:50

您的topbarsize寬度設置爲80％，但您從不將其居中爲20px auto;就像你在＃三維上做的那樣。你也正在把UL的規模調整到80％的80％。你可能想要頂欄有一個寬度：100％;

因此，要修復它只是添加

topbarsize { margin:20px auto; } 
#topbar { width:100%; }

此外，在這種情況下，你並不需要所有這些>選擇

來源

2011-10-26 20:59:12 corymathews

無法讓我UL與另一個DIV

回答

相關問題