#primary div禁用Chrome中的#secondary div

Question

我在Chrome中有一个奇怪的错误，它会影响Wordpress中的某个页面。

我正在使用稍微修改过的 Wordpress Twenty Eleven儿童主题。唯一的修改基本上是CSS only，它主要只包含颜色/大小。

我的问题是，如果我插入类别列表小部件，则整个 #secondary div成为不可点击的，直到 #primary div覆盖垂直即可。它只发生在Chrome中，Firefox就可以了。

你能看看并告诉我出了什么问题吗？我认为儿童主题没有任何问题，但这个错误非常严重。它是一个与Webkit相关的错误，你认为，还是HTML / CSS的错误？

Live site

Answer 1

我正在查看你的HTML代码并发现如果你将#primary的宽度改为70％，那么#secondary上的链接就可以被点击了。我想也许是关于webkit如何呈现页面的方式。您可能想要检查它是否有效以及它是否在其他浏览器上没有中断

Answer 2

由于您使用的宽度百分比，看起来在右侧导航的顶部会重叠。

我会通过将CSS更改为以下元素来使布局更加固定：

#primary {
float: left;
width: 700px;
margin-right: 25px;
}

#content {
margin: 0 34% 0 7.6%;
width: 600px;
}

#secondary {
float: right;
width: 200px;
}

这不是一个完整的解决方案，但它是一个开始。

Answer 3

解决方案是删除

#main {
  min-height: 1000px;
}

因为它导致了Google Chrome中的错误。

我仍然不明白为什么会发生这种情况，但现在删除它会有效！