5回答

• 

  stone310

  2016-09-13 18:29:43

  已采纳

  画了张简图看下能不能更好理解点（只画了单边，另一边同理）

  左边数，第一行是原来的样式，第二章添加padding，第三章添加margin

  

  首先padding-bottom:600px将内容撑开了600px(绿色的部分)，但是下一个元素（蓝色）就会排到600px之后，所以用margin-bottom:-600px,就可以将下一个元素排回到原来的位置，但是这时两边的内容实际高度已经超过600px了，因为有overflow:hidden，所以看不见，二添加元素（蓝色）撑开高度就可以让另一边背景也显示出来

  1 3

  会错了意

  感谢答主的认真回复，还画了图~~讲解的很清楚，非常感谢！！！但是我的采纳回答的按钮按不了了，十分尴尬啊....

  2016-09-14 19:40:30

  共 1 条回复 >

• 

  慕数据1008917

  2017-02-07 17:08:29

  应该是，这两个child元素在一个父元素里面，而父元素没有设置高度就会是跟随子元素的高度。

  所以当左边的child元素为200px，右边的child元素为100px的时候，父元素会为200px，而右边的因为预留了padding，所以不会有空白。而父元素因为设置了overflow=hidden，所以子元素中超过了的部分会被隐藏起来。

  0 0
• 

  小感冒

  2016-10-05 21:35:41

  超过600px 就不会出现等高的布局了

  0 0
• 

  _西口褡裢_

  2016-09-10 18:30:35

  此时，两栏的padding-bottom,border-bottom,margin-bottom三者产生了联动关系，

  1 0

  会错了意

  恩恩，现在我弄明白了。谢谢答主一再耐心解答~~~

  2016-09-14 19:41:54

  共 1 条回复 >

• 

  _西口褡裢_

  2016-09-02 10:39:32

  背景色会跟着padding变化。

  1 0

  会错了意

  比如说，第一个div添加了文字，所以空间被撑开，那{padding-bottom：600px;margin-bottom:-600px}这句话发生了什么样的作用，是怎样的运行机制，使得两边div布局等高呢？求解释~~~

  2016-09-02 15:56:22

  共 1 条回复 >