css – 边框应该影响布局吗?

使用基本布局,如…

当我在任何div上定义边框时,它们要么不显示,要么移动页面元素.那么边界实际上占用了div之外的px数量吗?如果是这样我怎么能绕过这个?

我看到一些提到使用position:relative;但这不是问题,因为我通常会广泛使用它.

最佳答案
是的,边界占用了物理空间.所以,如果你将div设置为100%,那么给它一个1px的边框,它将比它所在的容器宽2px.

要绕过它,您可以决定不设置宽度(或“自动”),以便它自动调整以考虑填充和边框.

或者,您可以嵌套元素,为外部div提供特定宽度,然后为内部div设置边框.

还有其他选择.

附录:

啊,看起来你正在使用blueprint.css

Blueprint.css不是为处理向布局容器添加边框而设计的.这将打破网格.

我过去修改过blueprint.css来容纳这个.通常我会添加一些可以应用于span-x div的唯一类:

.span-border {border: 1px solid black;}
.span-8.span-border {margin-left: -1px; margin-right: 9px;}

以上是基于列之间的10px’沟槽’.你所做的是减少span-x两侧的沟槽,它有一个边框应用于它,以适应边界占用的空间.

相关文章

Css常用的排序方式权重分配 排序方式: 1、按类型 ...
原文:https://www.cnblogs.com/wenruo/p/9732704.html 先上...
css属性:word-wrap:break-word; 与 word-break:break-all 的...
https://destiny001.gitee.io/color/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML...
css之background的cover和contain的缩放背景图 对于这两个属...