#primary div 在 Chrome 中禁用 #secondary div答案

【问题标题】：#primary div disabling #secondary div in Chrome#primary div 在 Chrome 中禁用 #secondary div
【发布时间】：2012-04-16 11:36:18
【问题描述】：

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

我正在使用稍作修改的 Wordpress 21 岁儿童主题。唯一的修改基本上是CSS only，而且大多只包含颜色/尺寸。

但我的问题是，如果我插入 类别列表小部件，那么整个 #secondary div 变得不可点击，直到 #primary div 被覆盖垂直。它只发生在 Chrome 中，Firefox 是可以的。

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

Live site

【问题讨论】：

标签： html css wordpress google-chrome

【解决方案1】：

我查看了您的 html 代码，发现如果您将 #primary 的宽度更改为 70%，则 #secondary 上的链接能够被点击。我认为这可能与 webkit 如何呈现页面的方式有关。您可能需要检查它是否有效，以及它是否在其他浏览器上没有中断

【讨论】：

但这是数千个网站的标准布局（21 个）！一定没有这个bug！

【解决方案2】：

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

我会通过对以下元素进行 CSS 更改来使布局更加固定：

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

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

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

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

【讨论】：

解决方案是从#main 中删除 min-height。我不知道为什么会这样，但删除它修复了它。

【解决方案3】：

解决办法是删除

#main {
  min-height: 1000px;
}

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

我仍然不明白为什么会这样，但是现在删除它就可以了！

【讨论】：