2回答

• 

  小感冒

  2016-10-07 17:19:31

  

  因为div1和div2在没有内容的情况下，都是被padding-bottom撑开的 600px，然后配合最外层div（黑色边框，灰色背景区域）的属性overflow:hidden，将多余的隐藏掉。

  当我给其中一个div1放置内容的时候，div1的高度就发生了变化 （等于 padding-bottom + 放置内容的高度）

  与此同时，最外层div的高度也被撑开了，由于overflow:hidden，导致在视觉上div2和div1显示的高度区域是一样高，也就是等高效果。但是实际上不是等高的。

  这也就导致当其中一个div的填充的内容高度大于另外一个div的填充的内容高度 + padding-bottom 的时候，就会出现破绽，类似图中灰色区域

  我的解决办法是将600px这一数值改成一个超大值，列如9999999999px; 这样几乎不会出现破绽

  不知道我的理解对不对，对的话有没有其他的解决办法

  0 4
• 

  一路然然

  2016-10-07 16:00:04

  margin-bottom:-600px

  padding-bottom:600px

  1 1

  小感冒

  当内容超出600px的时候等高布局就出现了破绽 因为padding-bottom:600px;实际上是将容器撑开了600px; 然后用margin-bottom:-600px 结合最外面的盒子overflow:hidden属性，将这撑开的600px给隐藏起来了 当其中一个盒子内容高度大于另外一个盒子的高度 ，就会出现破绽，怎么解决？ 难道要将600px改成一个超大的值？

  2016-10-07 16:59:59

  共 1 条回复 >