html - CSS ドロップダウン メニューの幅を変更するにはどうすればよいですか?

Question

「幅: ##px;」を追加するたびに、CSS を使用するドロップダウン メニューがあります。それに少し、それはどういうわけか水平メニューを垂直混乱に変形させます.. DIVタグにスタイル幅を追加しようとしましたが、サイコロはありません.

CSS は次のとおりです (CSS が長いため、paste.bin リンクを添付しました)。

http://pastebin.com/GS7jHhii

Answer 1

ボディに対する絶対 DIV の配置は、常にビューポート サイズに反応します。

最良の方法は、#cssmenu div をコンテナー div に戻すことですが、現在使用している div 順序を使用して、必要な結果を得ることができます。

CSS を次のように変更します (border-radius も元に戻す必要があります)。

#cssmenu {   

text-align: center;
overflow: hidden;
margin-top:46px;
height: 49px;
width:1200px;  /* Same width as wrapper */
margin-left:auto;
margin-right:auto;
margin-bottom:-95px; /* Hackish, but only possibility in this div order */
}

そして、あなたのスタイルシートの一番下に（他のものを覆すために）

#cssmenu>ul {
float:none !important;
display:inline-block;
}

私の意見では、負のマージンを使用することは少しハックですが、それはあなたが望むことをします.

注: サブメニューが表示されないため、サブメニューの動作をテストできませんでした。

ジェローン。

Answer 2

ドロップダウン メニューは、別のリストの子リスト (最上位のナビゲーション) であるため、CSS でそれをターゲットにする必要があります。

#cssmenu ul li ul li {
   width: **px;
}

Answer 3

edit this ul > li これにより、リスト内の各ドロップダウンの幅が変更されます

#cssmenu > ul > li {
  float: left;
  width: **px;

}