CSS/HTML页面宽度_Html_Css - Fatal编程技术网

CSS/HTML页面宽度

html css

CSS/HTML页面宽度,html,css,Html,Css,（到目前为止还没有有效的答案，请继续回答）从这些图片中可以看到，我已经为我的网站创建了导航栏，但是我的网站太宽了，这意味着你必须滚动才能到达导航栏的末端，我如何更改宽度，使其只上升到导航栏的末端这就是我使用的导航栏的所有CSS： #title { position:relative; margin:17px 1680px 30px 15px; } #banner { border:1px solid #4A4A4A; width:

（到目前为止还没有有效的答案，请继续回答）

从这些图片中可以看到，我已经为我的网站创建了导航栏，但是我的网站太宽了，这意味着你必须滚动才能到达导航栏的末端，我如何更改宽度，使其只上升到导航栏的末端

这就是我使用的导航栏的所有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>


家

未完成
未完成
未完成

我在这里看到了几件事

您的导航栏有以下行：

   width:1903;

如果您不希望导航栏如此宽，则应将其缩小

此外，如果您不想让站点扩展得太宽，还可以设置

html

和

body

标记的宽度，如下所示：

html, body {width: 1024px}

希望这有帮助

编辑

再看一眼，我发现你们的利润率也很高：

   margin:17px 1680px 30px 15px;

将1680向下收缩将防止杆扩张过宽。这似乎是您的标题栏扩展得如此之宽的主要原因。

如果使用最小宽度，则页面的大小应最小化，以便将所有内容都放入其中

#banner { 
     min-width: 1903px;
}

欢迎来到SO！如果你把相关的代码放到一个文件夹中，人们会更容易看到问题并解决它；身高：110至<代码>宽度：100%；高度：110px可能重复的

（到目前为止还没有答案，请继续回答）

-这不是工作方式。到目前为止还没有答案，请继续回答-如果您能提供更多关于您真正想要的、您当前想要得到的东西的详细信息，将非常有帮助，等等。如果提供的答案没有解决问题，那么您描述的问题不够，我们无法帮助您解决问题。