0

在Firefox中，我的结果符合预期。我正在尝试添加width并padding弥补全尺寸。在 chrome 中，这似乎不起作用，

.tab-content {

padding: 10px 5% 10px 5%;
width:100% !important;

}

在 Firefox 中，这会导致它运行 110%（我所期望的），在 chrome 中 100%，感谢您的帮助。

4

2 回答 2

1

如果您在 CSS2 中使用 100%，则意味着元素的最终宽度（不是 CSS 宽度）将是：border-left + padding-left + width + padding-right + border-right。

因此，在您的情况下，它被解释为 110%：

0 + 5% + 100% + 5% + 0 = 110%

一个完美的解决方案可能是：

.tab-content {
    padding: 10px 5% 10px 5%;
    width:90%;
}

您可以使用CSS3 的box-sizing属性，但由于如何解释它，它有一些错误。我不建议使用它。如果使用它，CSS width 属性将包括边框和填充。

于 2013-02-20T14:29:29.803 回答
0

试试看-webkit-box-sizing，可能是这个问题。

更多信息在CSS 技巧

于 2013-02-20T14:16:00.793 回答