html - HR 标签未在图像下方移动

Question

我不确定该问题的确切标题是什么，因为我不知道是什么原因造成的，也不知道可能是什么，所以这个问题可能很难回答，但如果有人愿意花时间看看代码，我们将不胜感激。

这是问题:http://imgur.com/b4eA2Go

我希望 hr 标签位于最后一张图片下方，而不是像上面的标签那样穿过图片，但我一无所知。

将代码传递给任何希望提供帮助的人，非常感谢。

JSfiddle:http://jsfiddle.net/tp76y660/

all code in fiddle, sorry for being inconvenient 

Answer 1

您也可以尝试使用 css 的“clear”属性 http://www.w3schools.com/cssref/pr_class_clear.asp

hr {
  clear: both;
  }

或者给hr一个风格:

<hr class="mystyle"/>

然后在 css 中设置样式:

hr.mystyle {
  clear: both;
  }