我的图片显示在内容div下方而不在其中

Question

http://img.ctrlv.in/img/17/03/25/58d64289941a7.png

正如标题所说。我真的很无奈。

如果我从css中移除浮动标签，它就像我想要的那样 - 但是图像并不是彼此相邻的。 - ＆GT; http://img.ctrlv.in/img/17/03/25/58d6444491235.png

提前致谢。

Answer 1

尝试给予，

.obsah{
  display: block;
  overflow: hidden;
}

Answer 2

你需要做什么被称为＆＃34;清除花车＆＃34;。您需要在图像后面添加一个新元素，并将clear: both;添加到新元素的CSS中。

以下是一个示例，重要部分是<div class="clear"></div>和

.clear {
  clear: both;
}

＆＃13;

＆＃13;

.content {
  background-color: grey; /* only for demonstration */
}

.img-placeholder {  /* only for demonstration */
  height: 100px;
  width: 150px;
  background-color: red;
  margin: 10px;
  float: left;
}

.clear {      /* this is the important part */
  clear: both;
}

＆＃13;

<div class="content">
  <div class="img-placeholder"></div>
  <div class="img-placeholder"></div>
  
  <div class="clear"></div>
</div>

＆＃13;

＆＃13;

＆＃13;