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タグでいくつかのリストを作成して、それらをwelに配置できるようにすることをお勧めします

<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 に答える