Css 为什么父母'；s offsetHeight忽略其子对象'；s边距，除非父对象有边框？

1） 在简单的父子关系中，内部子对象通常会影响父对象的

outerHeight

：

<div id="outer1">
  <div>hello</div>
</div>

outer2.offsetHeight==18

3） 如果给父对象一个

边框

，则会考虑子对象的

边距

：

<div id="outer3" style="border: 1px solid black">
  <div style="margin-bottom: 10px">hello</div>
</div>

你好

outer3.offsetHeight==30

---

我想，

户外灯光

测量的是它的高度，包括它的边界。为什么它包含子级的边距，但仅当父级有边框时才包含？

只要父级没有边框，子级的底部边距就有可能在其下方包含另一个元素。一旦定义了边界，这是不可能的。

对我来说仍然没有任何意义。Child的边距可能会因其下方的某些元素而塌陷，那又怎样？为什么父对象的身高不受其子对象的边距的影响。当父对象有一些边界时，为什么会受到影响？你能详细说明一下吗。提前谢谢。

<div id="outer3" style="border: 1px solid black">
  <div style="margin-bottom: 10px">hello</div>
</div>