前端学习——等高布局

原理：利用margin和padding的特性实现

如图所示：设置了两个不同颜色的盒子来进行高度对比，注意这里等高布局尽量不要使用overflow:hidden方法来进行清除浮动操作，否则会使padding超出父元素盒子的部分被隐藏，margin-bottom的值是负数，如果子元素div没有内容，父元素自然会没有高度，此时通过设置padding-bottom，并且通过内容将盒子的高度撑开，在将溢出隐藏设置上去，迷惑性的实现了等高布局，红蓝两个方块看似等高。