我有两个圆并排，width:46%;margin:0 2%;刚好宽度加起来是100%也适应了所有屏幕尺寸，但是现在还要给她们加上border这个就纠结了，是不是能加上一个不会撑开p宽度的border？html5随便用（尽量不用js）
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
5
588
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
要box-sizing:border-box试试
有没有考虑过内阴影？
box-shadow: h-shadow v-shadow blur spread color inset;
可以给p加上css中的box-shadow,
box-shadow的大小并不会影响p的宽度,
box-shadow : 0 0 0 1px #000;
/box-shadow: h-shadow v-shadow blur spread color inset;/
宽度可以写 width:calc(46% - 1px);width:-webkit-calc(46% - 1px);border:1px solid #;float:left;
外层的容器再整体margin-left:-(4*border-width)px；不就行 也没什么兼容性问题的