CSS ドロップダウン メニューに単純な問題があります。ドロップダウンがその上のボタンと同じ長さになるようにしたいと考えています。以下の例を参照してください。ブロックを上記のブロックの長さに伸ばしたいだけです。
新規ユーザー、画像をアップロードできません
私のjsFiddle リンクを使用すると、私のコードを表示してライブで編集できます。とにかく念のためコードを投稿します..注: HTML は問題の一部ではないため、ここでは CSS スタイルシートのみを投稿しています。
/* Dropdown Menu */
#nav {
float: right;
width: 600px;
height: 90px;
margin: 0 auto;
padding-top: 65px;
}
#nav ul {
font-family: Arial, Verdana;
font-size: 14px;
margin: 0;
padding: 0;
list-style: none;
float: right;
}
#nav ul li {
display: block;
position: relative;
float: left;
}
#nav li ul { display: none; }
#nav ul li a {
display: block;
text-decoration: none;
color: #ffffff;
border-top: 1px solid #ffffff;
padding: 5px 15px 5px 15px;
background: #3636FE;
margin-left: 1px;
white-space: nowrap;
}
#nav ul li a:hover { background: #3636FE; }
#nav li:hover ul {
display: block;
position: absolute;
}
#nav li:hover li {
float: none;
font-size: 11px;
}
#nav li:hover a { background: #3636FE; }
#nav li:hover li a:hover { background: #6868FE; }