html - Css div 边框环绕一切,而不仅仅是它的内容

标签 html css border

我对 div container2border-radius 有问题,链接列表的分辨率在页面顶部,如 240x320 等。它围绕着一切而不仅仅是左列 2 和右列 2。 Container2 在代码中第二次使用没有问题,所以我不明白。

起初我以为是结束标签的问题,但检查了代码,一切正常。

这是我的 fiddle .希望有人知道这是怎么回事。

最佳答案

可能跟盒子模型有关。 宽度 + 填充

要在 width 中包含 padding 并在 child 上使用 width:100% ,您可以使用 box- 切换框模型尺码: DEMO

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

查看: W3C

关于html - Css div 边框环绕一切,而不仅仅是它的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23914554/

相关文章:

html - 使 HTML 表格单元格的内容适合 - 不换行?

css - 谷歌浏览器工具栏破坏网站布局

html - 我怎样才能删除/掩盖边界的一部分?

php - 仅在移动布局上添加文本

html - 如何在 Bootstrap 中自动调整行高?

javascript - 如何为两个类添加相同的功能?

html - CSS Sprite 动画使用带有非线性 Sprite 表的步骤而不是步进

android - 在 Android 上的形状上绘制顶部边框

html - CSS 表格矩阵上的边框样式,无需额外的类

html - 使用 .htaccess 重定向到 403 页面时出现 404 错误?