前端项目所遇到的问题

一、样式覆盖

• 做前端网页时，外联样式默认样式放到页面样式之前，否则默认样式会覆盖后面的样式。如下代码：normalize.css为默认样式，index.css为页面样式

<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/index.css">

二、导航菜单

• -------左右导航菜单列表设置行高不一致挤到下边盒子

  情况如下：左侧导航菜单行高47px，右侧导航菜单行高49px

  代码：

  <style>
  .nav_left  ul li a {
      line-height: 47px;
      font-size: 16px;
   
  }
  
  .nav_right li a {
      font-size: 14px;
      line-height: 49px;
  }
  </style>
  <div class="nav">
      <div class="nav_left">
          <ul>
           <li><a href="#">1</a></li>
           <li><a href="#">2</a></li>
           <li><a href="#">3</a></li>
          </ul>
      </div>
       <div class="nav_right">
          <ul>
             <li><a href="#">11</a></li>
             <li><a href="#">22</a></li>
             <li><a href="#">33</a></li>
                  
           </ul>
       </div>
  </div>

• 解决办法：隐藏导航菜单多于的部分 ，代码如下：

.nav {
    overflow: hidden;
}