如何在不占用html中的任何额外空间的情况下将边框渲染为div？

Question

我想为div绘制一个边框,而不占用任何额外的空间？,这意味着边框必须在div内.

Answer 1

你有3个选择:

1. 内盒和外盒(如@xpapad所述).
2. 使用outline,例如,outline:1px #000 solid;.阅读更多.
3. 使用box-sizing,这是一个css3属性.例如,box-sizing:border-box;.阅读更多.

Answer 2

你可以用负边距补偿它,或者只是使用轮廓.

div { border: 10px solid red; margin: -10px};

要么

div { outline: 10px solid red; }

或者你可以用css3 boxshadow伪造边框......

示例:http: //jsfiddle.net/meo/K23s7/

Answer 3

尝试使用相当于边界的负边距,例如.

border-right:1px;
margin-right:-1px;