课程
/前端开发
/HTML/CSS
/CSS深入理解之padding
配合margin实现等高布局是怎么实现的？感觉想不明白，求各位大神指点
2016-09-01
源自：CSS深入理解之padding 5-1
正在回答
画了张简图看下能不能更好理解点（只画了单边，另一边同理）
左边数，第一行是原来的样式，第二章添加padding，第三章添加margin
首先padding-bottom:600px将内容撑开了600px(绿色的部分)，但是下一个元素（蓝色）就会排到600px之后，所以用margin-bottom:-600px,就可以将下一个元素排回到原来的位置，但是这时两边的内容实际高度已经超过600px了，因为有overflow:hidden，所以看不见，二添加元素（蓝色）撑开高度就可以让另一边背景也显示出来
会错了意 提问者
应该是，这两个child元素在一个父元素里面，而父元素没有设置高度就会是跟随子元素的高度。
所以当左边的child元素为200px，右边的child元素为100px的时候，父元素会为200px，而右边的因为预留了padding，所以不会有空白。而父元素因为设置了overflow=hidden，所以子元素中超过了的部分会被隐藏起来。
超过600px 就不会出现等高的布局了
此时，两栏的padding-bottom,border-bottom,margin-bottom三者产生了联动关系，
背景色会跟着padding变化。
举报
本css视频教程中，将深入介绍CSS中padding属性的特点，常用特性
3 回答等高布局如果超过设定的高度
2 回答最后提到的label是如何实现的？
3 回答如何快速的实现一个顶部导航
2 回答为什么需要margin-left：12px？出现中间的分割线。可不可以margin左右各6px，然后再用border出现中间的分割线
2 回答大师，能不能讲讲移动端的rem布局方法？
