制作header的方法

要做的部分是这里

• header盒子必须要有高度
• 1号盒子是logo标志定位，position
• 2号盒子是search搜索模块定位，position
• 3号盒子是hotwrods热词模块定位，position
• 4号盒子是shopcar购物车模块，position

这里先制作最大的盒子header

代码

index.html

  <!-- 头部header start -->
  <header class="header w">
  </header>
  <!-- 头部header end -->

common.css

/* 头部header制作 start */
.header {
  height: 106px;
  background-color: blue;
}
/* 头部header制作 end */

效果图