CSS：加边框内容收缩解决

在div里面内嵌了一个子div。在给子div加点击加边框和去边框效果时，会发现，当子div加上边框时，里面的内容就往里缩。这个原因是子div的大小默认是占满父div内容的，当加了边框后，子div里面显示内容的地方就变小了，所以就内容显示就往里缩。解决这个问题很简单，就是在设置加div时，同事扩展一下子div的范围。

最早加边框是这么设置的：div.son{border:1px solid black;}

解决往里缩：

div.son{

border:1px solid black;

margin:-1px;

}

这样内容显示就不会往里缩了。