0

新手问题：我正在构建一个动态生成的超级菜单。每个超级菜单显示几个子菜单和链接。因为我不知道会有多少子菜单和链接，所以布局有问题。我现在的想法是在生成菜单时使用这种结构：

  <div class="container">
    <ul class="submenus">
    <li><div class="block">
      <h4>Submenu1</h4>
      <a>link1</a>
      <a><link2</a>
    </div></li>
    <li><div class="block">
      <h4>SubMenu2</h4>
      <a>Link3</a>
    </div></li>
    </ul>
  </div>

不过，我在布局方面遇到了很多麻烦。我将容器宽度放入窗口中，然后向左流动。但我不断得到看起来像这样的菜单：

Submenu1 Submenu2 Submenu3 Submenu4
Submenu5

有没有更好的方法来生成布局，使其更加对称？我希望它看起来像这样：

Submenu1 Submenu2
Submenu3 Submenu4
Submenu5


提前致谢！

4

2 回答 2

0

在 ul 标签中嵌套 div 不是有效的 html！

你最好在 div 标签中创建几个列表，这样你就可以很好地定位它们

<div id="firstlist">
<ul id="list1">
<li></li>...
</ul>
</div>

<div id="secondlist">
<ul id="list2">
<li></li>...
</ul>
</div>

现在您可以使用 css 定位您的列表。

希望这可以帮助

于 2011-09-14T20:34:58.940 回答
0

尝试这个：

.container, .submenus {
    width:100%;
    margin:0;
    padding:0;
}

.submenus li {
    display:block;
    float:left;
    width:50%;
}

演示：http: //jsfiddle.net/AlienWebguy/8CThT/

于 2011-09-14T20:38:45.373 回答