使用基本布局,如…
当我在任何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两侧的沟槽,它有一个边框应用于它,以适应边界占用的空间.
原文链接：https://www.f2er.com/css/427722.html