margin合并
垂直方向上的外边距合并。
《CSS权威指南》中的比喻:就像照片外边的透明塑料边,塑料边重合时,不会影响两张照片的内容,并且以更宽的外边距为主。
如何让父容器“包含”住浮动元素
父元素的所有子元素都是浮动元素,由于浮动元素脱离了正常的文本流,所以不会为他们留下位置;因此解决方法如下:
- 在所有浮动元素的最后,新增一个空的<div>设置为左右两侧清除浮动。
.lastFloatElement:after{
content: ".";
height: 0;
visibility: hidden;
display: block;
clear: both;
}
- 将父元素同样设置为浮动也可以达到相同效果。