话不多说,直接上
1.防止子元素的margin越界
.parent:before {
content: ' ';
display: table;
}
其他办法还有:
父元素设置padding-top;
父元素设置边框;
父元素设置overflow:hidden;等
2.清除子元素的浮动对父元素及后续元素造成的影响
.parent:after {
content: ' ';
display: table;
clear: both;
}