Question

希望有人在这里可以帮助我，我在网站上安装了一个wordpress主题（http://nationalaviationinstitute.ie/），我有一个我无法解决的问题，主题的开发人员拒绝承认这个问题！

如果您在Chrome中访问上述网站，则该网站的底部会跳转并覆盖图像滑块下方的四个服务区域。这只发生在Chrome中，在所有其他浏览器中都可以，这显然与网站的响应性有关，就像调整底部部分的大小一样，移回到正确的位置。

我对CSS和HTML非常熟悉，所以如果有人能帮我弄清楚这个原因以及可能的解决方案，我会非常感激。

谢谢，

安东尼

Answer 1

有一个javascript错误，它会在resize事件的每个<li>标记style="height: 0px;"中提供div，如下例所示：

<li class="span3 thumbnail">
    <div class="block-thumbnail maxheight col" style="height: 0px;"> 
        <i class="icon-3x icon-cogs"><i class="circle-border"></i></i>
        <h3>Our Courses</h3>
        <p>At NAI we have a number of different courses to suit everybody’s needs, academic to professional.  <a class="link" href="http://nationalaviationinstitute.ie/courses/">read more →</a></p>
    </div>
</li>

如果找到并修复导致此问题的js，则问题将得到修复。

但是如果您需要更快的修复，可以添加以下css：

.block-thumbnail{
     display: inline-block;
}

它将覆盖js添加的style="height: 0px;"，底部将被推下

Wordpress主题：跳跃在铬的框

1 个答案: