由于通配符而未显示边框

Question

这是我的 fiddle:

问题来了：

* {
margin:0;
padding:0;
overflow:hidden
}

我需要在网站的其余部分使用它。所以我无法删除它。然而，在我的 fiddle 上，我希望边框也显示在右侧，但现在由于上述原因，它没有显示。我想要一个可以保留上述代码的解决方案，但是，如果不能，我想我将不得不检查我的整个站点并重新执行 CSS。但是，如果不删除通配符代码，我就无法获得右侧的边框。有人吗？

Answer 1

您可以将 box-sizing:border-box; 添加到您的通配符规则列表中：

* {
    margin:0;
    padding:0;
    overflow:hidden;
    box-sizing:border-box;
}

jsFiddle example

Bootstrap 实际上是这样做的，你可以阅读更多 here。

Answer 2

.rightcont的实际宽度为328px，包括左右各1px的边框。

所以要么将 .right 的 width 增加到 328

或将box-sizing: border-box;添加到.rightcont

由于通配符而未显示边框

Border not showing due to wildcard

css

border

wildcard