超级菜单无法正确显示

时间:2011-07-13 10:05:50

标签: html css

我已经构建了一个下拉/大型菜单,当放入body标签时可以很好地工作。

但是,我想将它放在指定的div中。

div的代码是

.menu{width:100%; margin:0 0 50px 0; background-color:#D5D5D5;}

当我将菜单放在其中时,背景颜色会消失!

我想要的是宽度为100%的灰色条,但菜单位于960宽度范围内。我假设我需要两个div。

当菜单扩展时,需要溢出。

任何人都可以帮助我! 感谢

2 个答案:

答案 0 :(得分:1)

你必须放置

<div style="clear:both"></div>

ul列表的结尾

<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div style="clear:both"></div>

答案 1 :(得分:0)

。菜单{宽度:100%;保证金:0 0 50px 0;背景色:#D5D5D5;} .menu ul {margin:0px;填充:0像素; } .menu li {margin:0px;填充:0像素;显示:内联; }

  • asfafa
  • asfafa
  • asfafa
  • asfafa

我认为这将解决您的问题