csslint - 破盒子模型

Question

我已将 CSLint 用于我的样式表，但我收到一条我不理解的警告。

考虑这个 CSS 代码:

div {
    width: 50px;
    height: 50px;
    border: 1px solid;
}

CSSLint 表示如下: “破盒子模型:使用带边框的高度。” “破盒模型:使用带边框的宽度。”

为什么我不应该使用带边框的宽度/高度？

Answer 1

我想 CSLint 正试图在读者周围强制执行一系列良好实践，而不必理解盒子模型的含义。归根结底，我完全理解盒子模型并理解您的 css 产生 52px 的“实际”宽度/高度，这可能是为了防止误解。

我个人会忽略它。它确实说的是“警告”而不是错误，因此是主观的。