html 父子外边距 兄弟内边距 趣味边框

理解父子之间用padding，兄弟之间用margin。

实例

图中外部div（A）里面包含两个div（B和C）。
①②③⑤均为父子元素之间的间距 ④为兄弟之间的元素

第一种方案

使用“父子内边距，兄弟外边距”。

①②③⑤，父子元素之间的空隙，均使用padding值撑开。
④兄弟之间使用margin值撑开。

A元素
witdth:200px;
padding:73px 55px;
border:3px solid #555;

B元素
height:194px;
margin-bottom:42px;
border:3px solid #555;

C元素
height:194px;
border:3px solid #555;

第二种方案

采用的都是外边距

①~⑤，均使用margin值撑开。

A元素
witdth:310px;
border:3px solid #555;

B元素