自定义 Gmail CSS 防止点击答案

【问题标题】：Custom GMail CSS Prevents Click自定义 Gmail CSS 防止点击
【发布时间】：2015-10-08 20:56:31
【问题描述】：

我正在使用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%;
}

【问题讨论】：

您可能掩盖了点击目标和/或 Google 可能对页面做坏事（再次）。尝试将这 2 个选择器设置为 z-index: 0;（或 1）并确保点击目标具有更高的索引。 ...可能需要一个用户脚本。 ...width: 100%; 可能是罪魁祸首。试着想出另一种方法来做到这一点。
感谢您的提示。这帮助很大！
很高兴你明白了！

标签： css gmail customization stylish

【解决方案1】：

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

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

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

.ae4.UI {
    float: left;
}

【讨论】：