自定义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＆＃39;提示，我发现由于我的float: left规则，较低（或原始）收件箱的部分覆盖了多个收件箱空间。

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

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

.ae4.UI {
    float: left;
}