css3/css有没有设置内border的？

Question

我有两个圆并排，width:46%;margin:0 2%;刚好宽度加起来是100%也适应了所有屏幕尺寸，但是现在还要给她们加上border这个就纠结了，是不是能加上一个不会撑开div宽度的border？html5随便用（尽量不用js）

Answer 1

要box-sizing:border-box试试

Answer 2

有没有考虑过内阴影？
box-shadow: h-shadow v-shadow blur spread color inset;

Answer 3

可以给div加上css中的box-shadow,
box-shadow的大小并不会影响div的宽度,
box-shadow : 0 0 0 1px #000;
/box-shadow: h-shadow v-shadow blur spread color inset;/

Answer 4

宽度可以写 width:calc(46% - 1px);width:-webkit-calc(46% - 1px);border:1px solid #;float:left;

Answer 5

外层的容器再整体margin-left:-(4*border-width)px；不就行 也没什么兼容性问题的

Answer 6

最简单的改大小咯margin为0给border留几个px 话说用border-box不会重叠吗