div中的子元素加边框，算不算在div的尺寸内？

遇到一问题

当勾选 div class=“line1” 中的border-bottom时，一切正常，div尺寸为29041

当不勾选 div class=“line1” 中的border-bottom时，div class="line2"中的下划线消失，div_line1尺寸为29040。

原因

当div_line1尺寸为29040时，它下边的p子集尺寸为14541。因此，也就是说，p的border-bottom不算在它的上级div的尺寸内。然而，紧接着div_line1的div_line2确是从div_line1的末端开始计算高度尺寸的，因此div_line2就将div_line1中p的底边框算入自己的高度内。

所以，div_line2总的高度65px（64px（内容）+1px（底边框））就不够用了，有1px给了上边p的下边框来用。

总结

border与内部内容的关系：在一个元素a确定了内容b尺寸后，a的border后，所有的a的总尺寸将优先满足内部元素需求，然后再将剩余的尺寸分配给自己的border。