应用边框而不扭曲页面布局

Apply border without distorting page layout

本文关键字：布局边框应用更新时间：2023-09-26

我试图应用一个"border"(蓝色，2px宽度)某些元素(div/images等)在一个网页上，整个页面加载后，通过Javascript。

但是，当我对某些元素这样做时，页面布局的某些部分(该元素附近)会被扭曲。这似乎是因为浏览器会重新绘制布局，这可能会在应用边界后发生变化。

是否有一种方法可以做到这一点，而不会使布局的其余部分被扭曲?(请注意，这需要在我的网站上的各个页面工作，以一种通用的方式)

CSS box-sizing属性控制边框(和填充)是否被计算为元素大小的一部分。设置box-sizing: border-box;应该会产生您正在寻找的行为。这里有一篇很棒的文章