Html Css div边框环绕所有内容，而不仅仅是其内容

我对

div container2

的

边框半径有一个问题，该链接列表的分辨率位于页面顶部，如240x320等。它围绕所有内容，而不仅仅是左栏2和右栏2。Container2在代码中第二次使用时没有问题，所以我不理解它

起初我认为结束标记有问题，但检查了代码，一切正常

这是我的生日礼物。希望有人知道这是怎么回事。
也许这和盒子模型有关<代码>宽度

+

填充

要将

填充

包含到

宽度

中，并在子项上使用

宽度：100%

，您可以使用

框大小

切换框模型：

.container1,
.container2 {
box-sizing:border-box;/* add prefixed rules if needed */
}

---

请参阅：有人指出，我将开放式div误认为是封闭式div。这就是我在边界上遇到问题的原因。

此外，您至少有五个开放式

未封闭。从技术上讲，这在HTML5中是允许的，只要它们后面跟着另一个

或一个

，但是您确定没有任何结束标记问题吗？div没有。在简化代码以便于阅读时，我可能过度强调并删除了一些ul。首先，你的div没有正确关闭，这会导致事情变得一团糟（请看你的小提琴上的第21行）。你也在非常奇怪的地方开始和结束div，在我看来，它们好像是重叠的，这也会导致事情变得一团糟。你需要重新检查你的代码，并把所有的事情按逻辑顺序排列。我把那个div误认为是一个封闭的div。令人尴尬的是，我想它确实发生了。感谢您指出这一点，它解决了我的问题：）我的css*{-webkit box sizing:border box；-moz box sizing:border box；-ms box sizing:border box；box sizing:border box；@Techagesite它不在您的小提琴链接中，任何人都猜不到：）是的，我将开始包括它：）

.container1,
.container2 {
box-sizing:border-box;/* add prefixed rules if needed */
}