HR标签不在图像下方移动

Question

我不确定该问题究竟是什么，因为我不知道是什么导致它或可能是什么，所以这个可能很难回答，但任何花时间观看代码的人都会非常感激。< / p>

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

我希望hr标签位于最后一张图片的下方，而不是像上面的标签那样通过图像，但我很无能为力。

对于希望提供帮助的人来说，将代码转换成小提琴，非常感谢。

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

all code in fiddle, sorry for being inconvenient 

Answer 1

你也可以尝试使用css＆＃34; clear＆＃34;财产http://www.w3schools.com/cssref/pr_class_clear.asp

hr {
  clear: both;
  }

或给小时一个风格：

<hr class="mystyle"/>

然后用css中的样式：

hr.mystyle {
  clear: both;
  }

Answer 2

将width: 100%添加到您的hr。

例如：

hr {
  width: 100%;
}

Answer 3

看了你的代码后，你似乎在使用：
min-width: 400px; max-width: 960px;
可以改为：
width: 100%
所以现在<hr>的宽度是其父容器的总宽度。