Html HR标记未在图像下方移动

我不确定问题的确切标题，因为我不知道是什么原因造成的，也不知道可能是什么原因造成的，所以这个问题可能很难回答，但任何花时间查看代码的人都将不胜感激

这就是问题所在：

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

将过去的代码变成小提琴为任何人希望帮助，非常感谢

JSfiddle：

---

将

宽度：100%

添加到您的人力资源中

例如：

hr{
宽度：100%；
}

查看代码后，您似乎在使用：

最小宽度：400px；
最大宽度：960像素

可更改为：

宽度：100%


所以现在
的宽度是其父容器的总宽度
 您也可以尝试使用css“clear”属性

或者给hr一个风格：

<hr class="mystyle"/>

你应该花一些时间把代码缩小到问题区域，而不是说你根本不会发布它（一个如此否定的否定）。通常，仅此步骤就可以帮助您隔离问题。此外，您的HTML有各种各样的问题（语法错误、重复ID等）。我不想错过任何可能导致问题的内容，我现在就尝试一下，谢谢。代码已经缩小了很大的范围，在将来发布之前，请尝试从头开始复制任何问题。10次中有9次你会在隔离问题的过程中发现答案，如果你没有找到答案，在这里发布隔离问题将使我们更容易帮助你。耶！谢谢你的帮助
hr {
  clear: both;
  }

<hr class="mystyle"/>

hr.mystyle {
  clear: both;
  }