-4

（まだ回答はありません。回答を続けてください）

http://gyazo.com/952d354b05e4a4a4cef08e74f8b0253d

http://gyazo.com/e8cc5ae0bcd0464eb074c4674d2896fb

これらの画像からわかるように、私は自分のウェブサイト用のナビゲーション バーを作成しましたが、私のウェブサイトは幅が広すぎます。つまり、スクロールして最後までスクロールする必要があります。ナビの終わり？

これが、私が使用したナビゲーションバーのすべての CSS です。

   #title {
   position:relative;
   margin:17px 1680px 30px 15px;
       }
       #banner {
   border:1px solid #4A4A4A;
   width:1903;
   height:110;
   background-color:#4A4A4A;
   margin-left:0px;
   position:absolute;
   top:-10px;
   border-radius:15px;
       }
       #navbar {
   position:fixed;
   left:50%;
   margin-top:2px;

       }
       ul {
   list-style-type:none;
   margin:-115px;
       }
       li {    
   display:inline;
   padding:9px;
   border:4px solid;
   font-family:Bebas;
   font-size:25px;
   font-weight:bold;
   color:#FFFFFF;
   border-radius:10px;
   background-color:#000000;
   margin-left:2.5em;
       }

これも私のHTMLコードです：

    <html>

    <head>
    <link type="text/css" rel="stylesheet" href="todd.css"/>
    <title>Home</title>

    </head>

    <body bgcolor="#ABABAB">
 <div>
   <div id="banner">
     <a href="file:///C:/Users/Todd/Desktop/todd.html"><img         src="file:///C:/Users/Todd/Desktop/Todd.png" id="title"></a>
       <div id="navbar">         
         <ul>
           <a href="file:///C:/Users/Todd/Desktop/todd.html"><li>Home</li></a>                     
           <li>Not Finished</li>                       
           <li>Not Finished</li>                       
           <li>Not Finished</li>          
         <ul>   
       </div>            
     </img>
   </div>
      </div>
      </body>



     </html>
4

2 に答える 2

0

min-width を使用する場合、すべてのコンテンツが収まるようにページのサイズを最小化する必要があります。

#banner { 
     min-width: 1903px;
}
于 2013-11-10T14:16:53.560 に答える