1

ナビゲーション バーを Web ページ全体に表示するにはどうすればよいですか? 850pxに設定しています。コンテナ div は 850px に設定されています。

リンクとコードは次のとおりです。 http://matthewtbrown.com/jeffandcricketquilt/index2.html

nav {
width:850px;
}
nav li {
                font-family: 'bitterregular';
                font-size:16px;
            }
    nav ul {
                background: #000; /* Old browsers */
                list-style: none;
                position: relative;
                display: inline-table;
            }
    nav ul:after {
                content: ""; clear: both; display: block;
            }
    nav ul ul {
                display: none;
            }

    nav ul li:hover > ul {
                display: block;
            }
    nav ul li {
                float: left;
                color:#fff;
            }

    nav ul li:hover a {
                color:#FFF;
            }
    nav ul li a {
                display: block;
                padding: 10px 40px;
                color:#FFF;
                text-decoration: none;
            }
    nav ul ul {
                background: #FFF;
                border-radius: 0px; 
                padding: 0;
                position: absolute; 
                top: 100%;
            }
    nav ul ul li {
                float: none; 
                border-top: 1px solid #444;
                border-bottom: 1px solid #444;
                border-color:#FFF;                  
                position: relative;
                background-color:#000;
                font-size:12px;
            }
    nav ul ul li a {
                padding: 8px 40px;
                color:#FFF;             }   
    nav ul ul li a:hover {
                background-color:#000;
                color:#999;
                                }
    nav ul  li a:hover {
                background-color:#000;
                color:#999;
                                }
    nav ul ul ul {
                position: absolute; left: 100%; top:0;
            }
4

3 に答える 3

1

あなたnavは 850px ですが、黒い背景 ( ul) はそうではありません。

解決方法: 代わりに黒い背景を に設定しnavます。

于 2013-04-22T02:18:48.153 に答える
0

コンテナの幅の 100% が必要な場合は、幅を次のように割り当てますul。100%

于 2013-04-22T02:14:30.413 に答える
0

は、850 ピクセルのコンテナの<ul>幅を自動的に埋めません<div>。<ul>幅を 100% に設定すると、そのようになります。

ul {
    width: 100%;
}
于 2013-04-22T02:20:07.523 に答える