不确定为什么要切换显示内容不会推下一块内容

不是全职前端开发人员，但需要完成此操作。不确定为什么要切换显示内容不会推下一块内容

我从ajax请求中拉出一些图像，并将它们推入div并隐藏它。这里的问题的截图：

enter image description here

当我切换类来显示它的图像显示（屏幕截图波图片）但倒推其他内容。

但是，在下一段内容上有一个边框顶部，这似乎保持原样（蓝色边框在屏幕截图中）。

如果我突出显示Firebug中的图像内容，它确实不会显示出来。我怎样才能使下一个元素的边界被正确推下？

THX

编辑1个 去除浮动：左为@Ramon - 似乎删除的问题，但现在事情没有运行在线。是否有另一种方式来设置它们而不是浮动：左边。水平列表会闯入多行吗？

enter image description here

来源

2012-03-15 timpone

你应该发布输出（相关的HTML/CSS） – thescientist 2012-03-15 02:23:34

您必须检查很多东西，其中：

检查蓝色边框元素不是绝对定位。
这只是一个把戏，只是把两者之间的一个：<div style="clear:both"></div>。

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

4检查涉及的任何元素是否为浮动元素，或者是否设置了顶级css属性。

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

来源

2012-03-15 02:41:50

所以图像ios-image-box是float：left，以便它们排列并在它们存在的包装中断开。浮动：遗漏，他们成为一个垂直列表。 ios-image-box是一个display：table，里面有链接作为显示：table-cell使它垂直对齐 – timpone 2012-03-15 02:48:52

在 – timpone 2012-03-15 02:54:53

上面增加了新图片那么，我推荐给你的是仍然使用左边的float，但是，最后，在蓝色边框元素和列表中显示的元素之间，只需放一个

，因为我看到您已经声明了这个有用的CSS类。 – 2012-03-15 03:32:03

不确定为什么要切换显示内容不会推下一块内容

回答

相关问题