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

标签 css

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

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

enter image description here

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

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

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

谢谢

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

enter image description here

最佳答案

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

  1. 检查蓝色边框元素是否没有绝对定位。
  2. 这只是一个技巧,只要放一个:<div style="clear:both"></div>两者之间。

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

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

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

关于css - 不确定为什么切换显示内容不会下推下一段内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9713110/

相关文章:

javascript - Jquery 添加/删除类不起作用

html - 我怎样才能让我的背景图像移动一段时间,然后开始向后移动,然后重新开始?

java - 使用 JSoup 从 HTML 中提取数据

css - "less"过滤器问题

php - div 之间不需要的空间的问题

javascript - 使用 jQuery 追加为兄弟元素而不是子元素

javascript - Angular Material md-toolbar/md-content 双滚动条

jquery - 仅显示特定的响应图像

css - &lt;!--[if IE]> 条件注释在 Facelets 中呈现为 HTML 转义

css - 相同大小的字体看起来大小不同