在Firefox中,我的结果符合预期。我正在尝试添加width
并padding
弥补全尺寸。在 chrome 中,这似乎不起作用,
.tab-content {
padding: 10px 5% 10px 5%;
width:100% !important;
}
在 Firefox 中,这会导致它运行 110%(我所期望的),在 chrome 中 100%,感谢您的帮助。
在Firefox中,我的结果符合预期。我正在尝试添加width
并padding
弥补全尺寸。在 chrome 中,这似乎不起作用,
.tab-content {
padding: 10px 5% 10px 5%;
width:100% !important;
}
在 Firefox 中,这会导致它运行 110%(我所期望的),在 chrome 中 100%,感谢您的帮助。
如果您在 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 属性将包括边框和填充。
试试看-webkit-box-sizing
,可能是这个问题。
更多信息在CSS 技巧