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