无法让我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

回答

相关问题