margin+padding实现等高布局

如下图所示：一个子元素随着新闻内容自动撑开，另一个要求保证与其有一样的高度。那么如何做到呢？

解决办法：
假设新闻动态所在的最大父元素为

...

假设要展示新闻详情内容的公司新闻所在的最大父元素为

...

它们共同的父元素为

...

可用如下css样式解决：

.parent{
 ...;
 height:auto;
 overflow:hidden;
}
.nav{
...;
 padding-bottom:9000px;//这里的值只要保证大于右边详情内容的最大高度就行
 margin-bottom:-9000px;//这里的值用于抵消上面的值产生的巨大高度，这里只要保证抵消的长度，能够让页面底部触及到右边详情内容即可
}
.contentRight{
...;
height:auto;
}