div的后续行为

Question

我有一个运行WordPress的网站。主页的设计看起来是正确的一半而另一半是错误的。事实上，它并不总是让我很难理解正在发生的事情并解决问题。我可以通过刷新chrome和IE中的特定页面来重现该问题，我没有检查其他浏览器。

我正在谈论的页面在这里： http://boat-hotel.com/index.php/nl/

在主图像下方应该有3列文字。附上你找到的页面截图不正确。 screenshot of error occuring

Answer 1

可能应该使用clear: both样式到3列的容器中。没有你的HTML和CSS，我只能想到这一点。

Answer 2

你的id为“精选”的div的高度为0，因此“控制器”和“内容区域”div将自己推到幻灯片后面。尝试在“精选”div上设置高度。 330px对我来说效果很好。

我认为它的高度为0，因为你的幻灯片div是绝对定位的，这会将它们从页面流中删除，并且不会强制你的“精选”div上的大小。

Answer 3

在332px d div上设置#feature的高度。

您看到页面正确的一半时间和错误的一半时间的原因是由于您的脚本正在加载幻灯片的时间。在#featured上设置高度将在页面中保存适当的空间量。