html - 使用 float 后删除两个 div 之间的间隙

Question

过去两天我一直在制作拼贴画，但遇到了一个问题。

body {
	width: 380px;
}

.featured-sellers-collage {
  width: 100%;
}

.featured-sellers-collage .div1 p {
	top: 0;
	bottom: 0;
	float:left;
	width: 50%;
}
.featured-sellers-collage .div1 p img {
	
	width: 100%;
}

.featured-sellers-collage .div2 {
	flaot: right;
}

<div class="featured-sellers-collage">
	<div class="div1">
      <p><img src="http://lorempixel.com/189/325/" alt="" /></p>
      <p><img src="http://lorempixel.com/189/325/" alt=""/></p>
  </div>
  
  <div class="div2">
    <img src="http://lorempixel.com/380/325/" alt="" />
  </div>

</div>

运行后你可以看到div1和div2之间有一个空隙。 我有什么办法可以删除它吗？ (div1 和 div2 之间的间距应等于 0px)。

预先感谢您的帮助。

Answer 1

去除p标签的外边距

.featured-sellers-collage .div1 p {
 top: 0;
 bottom: 0;
 float:left;
 width: 50%;
    margin:0;
}

.featured-sellers-collage .div1 p img {
 width: 100%;
   display: block;
}