Html 灵活页面定位菜单_Html_Css_Menu_Positioning_Footer

Html 灵活页面定位菜单

html css menu

Html 灵活页面定位菜单,html,css,menu,positioning,footer,Html,Css,Menu,Positioning,Footer,我正在设计一个居中的页面，但我的菜单并没有完全居中。离右边有点近。我不明白为什么会这样。你能帮忙吗谢谢你的帮助 CSS HTML代码如下： <body> <div class="wrap"> <div class="inner wrap"> <div class="header"> <img src="realimg1.jpg" class="real" alt="king">

我正在设计一个居中的页面，但我的菜单并没有完全居中。离右边有点近。我不明白为什么会这样。你能帮忙吗

谢谢你的帮助

CSS

HTML代码如下：

<body>
      <div class="wrap">
      <div class="inner wrap">
      <div class="header">
           <img src="realimg1.jpg" class="real" alt="king">
           <h1>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</h1>
      </div>
      <div class="menu">
           <ul>

              <li><a href="link1.html">xx</a></li>
              <li><a href="link1.html">xxxx</a></li>
              <li><a href="link1.html">xxxxxxx</a></li>
              <li><a href="link1.html">xxxxxxxxx</a></li>
              <li><a href="link1.html">xx</a></li>
              <li><a href="link1.html">xxxxxx</a></li>

           </ul>
      </div>
      <div class="content">
          <p>
          <img src="img1.jpg" class="bw" alt="king">
          The CC is one of the oldest continually operating chess club in
          the Southern Hemisphere.We can proudly boast that we have been open daily since 1990 and we inted to
          maintain that tradition. On any night, you will find members of the club playing casual games or
          participating in one of our manly regulary scheduled tournaments. We are family club, and offer competition and
          instruction suitable for chess players of all skill levels and age groups.</p>
          <p>No other club in texas can boast a history so rich. Winning the club champion championships is your
          chance to get amongst these greats, and be immortalized foreve on the honow boards.</p>
          <p>Throughout the year,  Chess Club 'traditional time control' FIDE rated events form, whereby
          a player's scores from all 9 events will add up to form a grand prix score at the end of the year.The tournaments included are:
          Australia Day Weekender, Chess Club Championship,ANZAC Day Weekender, City Of Brisbane Open, Edwin Malitis Memorial, Chess Club Open , Chess Club Cup Weekender

      </div>
      <div class="sidebar">
           <ul>
           <li><a href="link1.html">xxx</a></li>
           <li><a href="link1.html">xxxxxxxxx</a></li>
           <li><a href="link1.html">xxxxxxx</a></li>
           <li><a href="link1.html">xxxxxx</a></li>
           <li><a href="link1.html">xxxxxxxxx</a></li>
           <li><a href="link1.html">xxxxxxxxxx</a></li>
           <li><a href="link1.html">xxxxxxxx</a></li>
           <li><a href="link1.html">xxxxx</a></li>
           <li><a href="link1.html">xxxx</a></li>
           <li><a href="link1.html">xxxxxxxxxxxx</a></li>
           <li><a href="link1.html">xxxxxxxx</a></li>
           </ul>
       </div>


      </div>
      </div>

   </body>


XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX









CC是世界上最古老的持续运作的国际象棋俱乐部之一
南半球。我们可以自豪地吹嘘，自1990年以来，我们每天都在营业，并致力于
保持这一传统。在任何一个晚上，你都会发现俱乐部的成员在玩休闲游戏或游戏
参加我们的一次定期比赛。我们是家庭俱乐部，提供竞争和
适用于所有技能水平和年龄组的棋手的指导
得克萨斯州没有其他俱乐部能夸耀如此丰富的历史。赢得俱乐部冠军是你的梦想
有机会跻身于这些伟大人物之列，并在honow董事会上永垂不朽
一年中，国际象棋俱乐部的“传统时间控制”国际棋联评定的比赛形式，即
一名球员在所有9项赛事中的得分加起来将在年底形成大奖赛得分。比赛包括：
澳大利亚日周末、国际象棋俱乐部锦标赛、澳新军团日周末、布里斯班市公开赛、埃德温·马利蒂斯纪念馆、国际象棋俱乐部公开赛、国际象棋俱乐部杯周末

侧边栏边距为0或“自动”并删除浮动，因为您要删除此中心

像这样

div.sidebar {

         padding-top: 2pc;
         text-align:center;

         width: 200px;
         color: #000000;
             list-style:none;
margin:0 auto;        
}

Livedemo

我们需要相应的HTML代码。请张贴一个小提琴，例如或一个链接到一个在线页面我不知道如何保存小提琴和发送链接。我也添加了html代码。感谢您的帮助。@pepsicode JSFIDLE中的

save

按钮通常在保存时效果很好。FIDLE代码认为@pepsicode指的是页面顶部的主菜单，而不是侧边栏菜单。嘿@pepsicode您的顶部导航已经居中了

div.sidebar {

         padding-top: 2pc;
         text-align:center;

         width: 200px;
         color: #000000;
             list-style:none;
margin:0 auto;        
}