由于通配符而未显示边框

Question

这是我的小提琴：

https://jsfiddle.net/2msz53n9/

问题在于：

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

我需要在我网站的其余部分使用此功能。所以我无法删除它。然而，在我的小提琴上，我希望边框也显示在右侧，但现在由于上述原因，它并没有。我想有一个解决方案，我可以保留上面的代码，但是，如果没有，我将不得不审查我的整个网站，重新做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边框。

所以要么将width的{​​{1}}增加到328

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