Css Firefox和Chrome的边距值

我有下一页

http://www.javaexperience.com/java-externalizable-vs-serializable-interfaces/

Firefox中最右边的提示部分很好，但在Chrome和IE中超出了可视区域。目前，左边距值设置为1290px。若我把它改为1150px，那个么它会在Chrome和IE中得到修复，但会引起Firefox渲染的问题

---

是否有任何可用的修复方法。

与其在

上提供较大的空白，不如将

附加到父容器，即

，并相应地调整同级容器的宽度

所以

---

Firefox的边距css攻击

@-moz-document url-prefix() {
    .inbox_notify span {
        margin: -6px 0px 0px 0px;
    }
}

它将适用于Chrome和所有其他产品

 .inbox_notify span {
    background: #f30 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    line-height: 14px;
    margin: -33px 0px 0px 32px;
    padding: 2px;
    position: absolute;
    text-align: center;
    min-width: 17px
}

适用于FireFox

@-moz-document url-prefix() {
    .inbox_notify span {
        margin: -6px 0px 0px 0px;
    }
}

---

为什么

#tips

不是“contents-b”的子项？没有特别的原因。将尝试在侧边栏后将提示部分移动到contents-b中，以查看是否修复了它。+1感谢将其添加到contents-b并相应地修复CSS，从而修复了它。

@-moz-document url-prefix() {
    .inbox_notify span {
        margin: -6px 0px 0px 0px;
    }
}