css - 自定义 GMail CSS 防止点击

Question

我正在使用 Stylish和下面的 CSS 来自定义 Multiple Inboxes Lab这样一来，收件箱不再位于 1 个垂直列中，而是现在位于 2 列中，第一个收件箱位于顶部。 CSS 确实可以提供我想要的外观。

但是，由于某些我无法识别的原因，我无法再点击收件箱中的电子邮件。关于为什么的想法？或者我该如何解决？

/* example look */
| First Inbox |
| 2nd  | 3rd  |
| 4th  | 5th  |

/* each inbox */
.BltHke.nK {
  width: 49%;
  float: left;
  padding-right: 1%;
}

/* first inbox */
.nH.nn > .nH > .nH:first-child > .BltHke {
  width: 100%;
}

Answer 1

感谢 Brock Adams 的提示，我发现由于我的 float: left 规则，较低(或原始)收件箱的部分覆盖了多个收件箱空间。

要修复它，我还必须使用以下代码 float 这些部分。

/* fix float over multiple inbox area */
.D.E.G-atb.bP {
    float: left;
}

.ae4.UI {
    float: left;
}