Html 定位、重新定位网站上的导航菜单 <br /><br /><br /> <div="menu"> <ul> <li><a href="#egitim">Eğitim</a></li> <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li> <li><a href="#hobi">Hobileri</a></li> <li><a href="#deneyim">İş Deneyimi</a></li> <li><a href="#iletisim">İletişim</a></li> </ul> </div="menu">_Html_Css_Web_Navigationbar

Html 定位、重新定位网站上的导航菜单 <br /><br /><br /> <div="menu"> <ul> <li><a href="#egitim">Eğitim</a></li> <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li> <li><a href="#hobi">Hobileri</a></li> <li><a href="#deneyim">İş Deneyimi</a></li> <li><a href="#iletisim">İletişim</a></li> </ul> </div="menu">

html css web

Html 定位、重新定位网站上的导航菜单 <br /><br /><br /> <div="menu"> <ul> <li><a href="#egitim">Eğitim</a></li> <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li> <li><a href="#hobi">Hobileri</a></li> <li><a href="#deneyim">İş Deneyimi</a></li> <li><a href="#iletisim">İletişim</a></li> </ul> </div="menu">,html,css,web,navigationbar,Html,Css,Web,Navigationbar,我刚刚开始使用html5和css <br /><br /><br /> <div="menu"> <ul> <li><a href="#egitim">Eğitim</a></li> <li><a href="#bilgisayar">Bi

我刚刚开始使用html5和css

  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

我想做一个简历网站。我添加了一个导航栏，但我无法将其移动到我想要的位置，也无法调整导航栏的大小

  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

a想这样吗

  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

HTML代码：

迪曼

  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

您可以使用flex for divs对页面进行分区。

  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

我已经为上述预期的图像创建了一个演示。在菜单内，您可以用CSS替换它，它应该可以正常工作

  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

<!DOCTYPE html>
<html>
   <head>
      <style>
         body {background-color: powderblue;}
         h1   {color: blue;}
         p    {color: red;}
         .main-container {
         width: 100%;
         background: yellow;
         display: flex;
         }
         .left-container{
         display: flex;
         width: 30%;
         }
         .right-container{
         display: flex;
         width: 70%;
         }
         .photo {
         margin: 2em;
         background: blue;
         width: 10em;
         height: 10em;
         }
         .menu {
         display: flex;
         }
         ul {
         list-style-type: none;
         margin: 3em;
         padding: 0;
         display: flex;
         }
         li {
         margin: 0 .5em;
         }
      </style>
   </head>
   <body>
      <div class="main-container">
      <div class="left-container">
         <div class="photo">
         </div>
      </div>
      <div class="right-container">
         <div="menu">
         <ul>
            <li><a href="#egitim">Eğitim</a></li>
            <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
            <li><a href="#hobi">Hobileri</a></li>
            <li><a href="#deneyim">İş Deneyimi</a></li>
            <li><a href="#iletisim">İletişim</a></li>
         </ul>
      </div>
      </div="menu">
      <div>
   </body>
</html>


正文{背景色：粉蓝；}
  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

  

h1{颜色：蓝色；}
p{颜色：红色；}
.主货柜{
  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

  

宽度：100%；
背景：黄色；
  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

  

显示器：flex；
}
.左货柜{
  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

  

显示器：flex；
宽度：30%；
}
.右集装箱{
  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

  

显示器：flex；
宽度：70%；
}
.照片{
边缘：2米；
  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

  

背景：蓝色；
  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

  

宽度：10em；
高度：10公分；
}
.菜单{
  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

  

显示器：flex；
}
保险商实验室{
列表样式类型：无；
  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

  

保证金：3em；
  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

  

填充：0；
  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

  

显示器：flex；
}
李{
边缘：0.5em；
  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

  

}

到目前为止，您的代码是什么？Duman

在问题中张贴您的代码我无法添加css代码，欢迎来到Stack Overflow我们很高兴见到您。如果您尝试了任何答案，但它确实解决了您的问题，请随时放弃投票并将其标记为真实答案，也请尝试在打开新主题之前使用搜索。就我个人而言，我建议您使用引导布局。您还可以将float=“right”用作普通CSS。
```
  <br /><br /><br />

 
  
  <div="menu">
  
  <ul>
      
      <li><a href="#egitim">Eğitim</a></li>
      <li><a href="#bilgisayar">Bilgisayar Bilgisi</a></li>
      <li><a href="#hobi">Hobileri</a></li>
      <li><a href="#deneyim">İş Deneyimi</a></li>
      <li><a href="#iletisim">İletişim</a></li>
  </ul>

  </div="menu">

  
```