我试图应用"边界" (蓝色,2像素宽度)到网页上的某些元素(div / images / etc。),在整个页面加载后,通过Javascript。
但是,当我对某些元素执行此操作时,页面布局的某些部分(在该元素附近)会失真。这似乎是因为浏览器会重新绘制应用边框后可能会更改的布局。
有没有办法在没有其他布局失真的情况下执行此操作? (请注意,这需要在我的网站上的各个页面上以通用方式工作)
答案 0 :(得分:1)
CSS box-sizing
属性控制边框(和填充)是否被计为元素大小的一部分。设置box-sizing: border-box;
应该会产生您正在寻找的行为。 Here's a great article on the topic