使图片充满文章的宽度以及如何将文章的宽度设置为32,4％

Question

“每个商品应向左浮动，宽度为32.4％，高度为auto， 深灰色实心的边框”。 “图片应占据物品的整个宽度，并且高度应为 200像素。这会使图像稍微变形，但是不用担心。”

Answer 1

article {
  border: 1px solid darkgrey;
  float: left;
  padding: 8px;
  width: 32.4%;
}

article img {
  height: 200px;
  width: 100%;
}

完整codepen用于您的分配。