2.header 中的秒杀模块 sk

• 在 header 盒子中创建一个 sk ( second kill 秒杀) 盒子，sk 盒子里面放图片
• 再给 sk 盒子一个左边框
• sk 盒子用绝对定位定到合适的品优购后面。

list.html

<!-- 头部header start -->
  <header class="header w">
    <!-- logo 模块 -->
    <div class="logo">
      <h1>
        <a href="index.html" title="品优购商城">品优购商城</a><!--  -->
      </h1>
    </div>
    <!-- 秒杀模块 sk -->
    <div class="sk">
      <img src="images/sk.png" alt="">
    </div>
    <!-- search 模块 -->
    <div class="search">
      <input type="text" placeholder="语言开发">
      <button>搜索</button>
    </div>
    <!-- hotwords 模块制作 -->
    <div class="hotwords">
      <a href="#">优惠购首发</a>
      <a href="#">亿元优惠</a>
      <a href="#">9.9元团购</a>
      <a href="#">美满99减30</a>
      <a href="#">办公用品</a>
      <a href="#">电脑</a>
      <a href="#">通信</a>
    </div>
    <!-- shopcar 购物车模块 -->
    <div class="shopcar">
      我的购物车
      <i class="count">8</i>
    </div>
  </header>
  <!-- 头部header end -->

list.css

.header .sk {
  position: absolute;
  left: 186px;
  top: 40px;
  width: 70px;
  height: 33px;
  padding: 3px 0 0 14px;
  border-left: 1px solid #c81523;
}