0

在Firefox中,我的结果符合预期。我正在尝试添加widthpadding弥补全尺寸。在 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 回答