不是全职前端开发人员,但需要完成此任务。
我正在从 ajax 请求中提取一些图像并将它们推送到一个 div 中并隐藏它。这是问题的屏幕截图:
当我切换类以显示它时,图像会显示(屏幕截图中的波浪图片)并且会下推其他内容。
但是,在下一段内容上有一个 border-top 并且它似乎保留在原位(屏幕截图中的蓝色边框)。
如果我在 Firebug 中突出显示图像内容,它真的不会显示出来。我该怎么做才能正确下推下一个元素的边框?
谢谢
编辑 1 为@Ramon 删除了 float:left - 似乎解决了问题,但现在事情不是内联运行的。有没有另一种方法来设置它们而不是 float :左。水平列表会分成多行吗?
最佳答案
你必须检查很多东西,其中:
- 检查蓝色边框元素是否没有绝对定位。
这只是一个技巧,只要放一个:
<div style="clear:both"></div>
两者之间。3 检查是否有任何未关闭的html元素,如我们在上面粘贴的代码中看到的div。
4 检查涉及的元素是否 float 或设置了 top css 属性。
如需更多帮助,请提供更多信息。希望对您有所帮助,
关于css - 不确定为什么切换显示内容不会下推下一段内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9713110/