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

时间:2014-07-03 16:25:58

标签: javascript html css layout

我试图应用"边界" (蓝色,2像素宽度)到网页上的某些元素(div / images / etc。),在整个页面加载后,通过Javascript。

但是,当我对某些元素执行此操作时,页面布局的某些部分(在该元素附近)会失真。这似乎是因为浏览器会重新绘制应用边框后可能会更改的布局。

有没有办法在没有其他布局失真的情况下执行此操作? (请注意,这需要在我的网站上的各个页面上以通用方式工作)

1 个答案:

答案 0 :(得分:1)

CSS box-sizing属性控制边框(和填充)是否被计为元素大小的一部分。设置box-sizing: border-box;应该会产生您正在寻找的行为。 Here's a great article on the topic