image.png

制作思想

  • .focus 盒子
  • 里面包 img
  • 因为上面的搜索模块是用 固定定位的,不占有位置,所以为了让图片显示全,给 .focus 一个padding-top :44px

index.html

  1. <!-- 焦点图 focus -->
  2. <div class="focus">
  3. <img src="upload/focus.jpg" alt="">
  4. </div>

index.css

focus {
  padding-top: 44px;
}

.focus img {
  width: 100%;
}