Css div边界不仅仅是它的内容

Question

我对border-radius div container2的{​​{1}}的链接列表存在问题，其中的分辨率位于页面顶部，如240x320等。它绕过所有内容，而不仅仅是左列2和右侧 - 列2。 Container2在代码中第二次使用没有问题，所以我不理解它。

起初我认为这是一个关闭标签的问题，但检查了代码，一切都很好。

继承我的fiddle。希望有人知道它是怎么回事。

Answer 1

也许它与盒子模型有关。 width + padding。

要将padding加入width并使用width:100%加入儿童，您可以使用box-sizing切换框模型： DEMO

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

参见： W3C

Answer 2

有人指出，我错误地将一个开放的div视为一个封闭的div。这就是我遇到边境问题的原因。