我有一个通用的Wordpress博客,主题是通用的。我发现在Windows上的Chrome中,最大化浏览器窗口会导致页面的某些部分被禁用-没有鼠标悬停事件,没有点击事件,什么也没有。

原来,隔壁div的边距区域正在捕获点击。仅在Windows(Vista或7)的Chrome(30或31)上并且仅在窗口最大化时才发生。

https://content.neit.edu/courseware/201410nur370/上尝试
显示如何重现步骤的截屏视频位于https://www.kaltura.com/index.php/extwidget/openGraph/wid/1_nvbbym8w

如果在URL上添加?debug,它将显示警报,显示单击的目标元素。

我以为这是浏览器渲染错误,但是在CSS中没有看到导致问题的原因吗?看来获取点击事件的利润应该是不可能的,不是吗?

最佳答案

问题在于#content#primary包裹:因为#primary的宽度为100%并且是浮动的,所以它掩盖了#secondary

您需要调整值,但这将使您接近:

.left-sidebar #primary {
    float: right;
    margin: 0;
    width: 75%;
}
.left-sidebar #content {
   margin: 0 7.6% 0 0;
   width: 90%;
}


考虑两个容器:primarysecondary。使用这些容器进行布局,然后可以让内容占用其父母宽度的100%,将填充物等应用于孩子。

我还将注意到,在Chrome 31和Windows上的canary中,无论窗口大小如何,该区域都被遮盖(在#primary上单击)。

08-25 09:55
查看更多