制作思想

• 一个大盒子 .news，里面有三个小盒子，小盒子直接用 a，然后浮动，设置宽
• 第一个a宽50%，后两个为25%
• a里面插入图片，图片样式的width：100%
• a用css3盒子模型，后面两个盒子设置左边框的时候就不会掉下来

index.html

    <!-- news 新闻快报模块 -->
    <div class="news">
      <a href="#">
        <img src="upload/new1.dpg" alt="">
      </a> <a href="#">
        <img src="upload/new2.dpg" alt="">
      </a> <a href="#">
        <img src="upload/new3.dpg" alt="">
      </a>
    </div>

index.css

    /* news 新闻模块 */
.news a {
  float: left;
  box-sizing: border-box;
  margin-top: 10px;
}

.news a img {
  width: 100%;
}

.news a:nth-child(1) {
  width: 50%;
}

.news a:nth-child(n+2) {
  width: 25%;
  border-left: 1px solid #ccc;
}