1

私の Web サイト コンテナーの幅は 95% です。コンテナの全幅にわたるナビゲーションを作成しようとしています。「position: fixed;」を追加するまで問題なく動作します。ナビゲーションに対して、コンテナを無視してコンテナの外にこぼれます。

以下は私のCSSコードと画像へのリンクです。

#page {
width: 95%;
max-width: 1440px;
height: auto;
margin-left: auto;
margin-right: auto;
border: solid 1px #000;
}

.nav {
width: 100%;
background-color: fuchsia;
height: 50px;
    position: fixed;
}

.nav ul {
list-style: none;

}

.nav ul li {
float: left;
display: block;
padding: 5px;
background-color: fuchsia;
line-height: 40px;
}

問題の画像... http://i.imgur.com/pZEbe.png

助けてくれてありがとう！それは大歓迎です！

4

1 に答える 1

0

あなたが与えposition:fixedているのは、ナビゲーションが親のdivまたは要素から出てくるようにすることです。

ナビゲーション要素に次のようなものを追加します。

.nav 
{
  width:95%;      /*dont give width as 100% */
  margin:0 auto;  /* for center alignment purpose */
  background-color: fuchsia;
  height: 50px;      
  position: fixed;
}
于 2012-10-29T02:59:41.740 に答える