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

最近两天我一直在做拼贴画，但现在遇到了问题。

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）。

在此先感谢您的帮助。

最佳答案

从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;
}

关于html - 使用浮点后删除两个div之间的间隙，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36399014/