css - 不确定为什么切换显示内容不会下推下一段内容

Question

不是全职前端开发人员，但需要完成此任务。

我正在从 ajax 请求中提取一些图像并将它们推送到一个 div 中并隐藏它。这是问题的屏幕截图:

当我切换类以显示它时，图像会显示(屏幕截图中的波浪图片)并且会下推其他内容。

但是，在下一段内容上有一个 border-top 并且它似乎保留在原位(屏幕截图中的蓝色边框)。

如果我在 Firebug 中突出显示图像内容，它真的不会显示出来。我该怎么做才能正确下推下一个元素的边框？

谢谢

编辑 1为@Ramon 删除了 float:left - 似乎解决了问题，但现在事情不是内联运行的。有没有另一种方法来设置它们而不是 float :左。水平列表会分成多行吗？

Answer 1

你必须检查很多东西，其中:

1. 检查蓝色边框元素是否没有绝对定位。

2. 这只是一个技巧，只要放一个:<div style="clear:both"></div>两者之间。

   3 检查是否有任何未关闭的html元素，如我们在上面粘贴的代码中看到的div。

4 检查涉及的元素是否 float 或设置了 top css 属性。

如需更多帮助，请提供更多信息。希望对您有所帮助，