Html CSS将外部边框替换为内部边框

Html CSS将外部边框替换为内部边框,html,css,height,width,border,Html,Css,Height,Width,Border,有没有什么技巧可以让css边框是内部的而不是外部的。 例如,在这种情况下,框大小等于303px(而不是我想要的300px)。 我不想将宽度设置为300px-3px=297px; 我想知道是否有不操纵宽度和高度的快速解决方案 html: <div class="a"></div> jsFiddle:) 谢谢 是的,您可以使用框大小来完成此操作 #someElement { -moz-box-sizing: border-box; -webkit-box-sizing

有没有什么技巧可以让css边框是内部的而不是外部的。 例如,在这种情况下,框大小等于303px(而不是我想要的300px)。 我不想将宽度设置为300px-3px=297px; 我想知道是否有不操纵宽度和高度的快速解决方案

html:

<div class="a"></div>
jsFiddle:)


谢谢

是的,您可以使用框大小来完成此操作

#someElement {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
小提琴:

是的,您可以使用:

box-sizing: border-box
我更新了你的小提琴,你可以看看

您可以阅读更多有关框大小的信息

box-sizing: border-box