CSS巧用content内容生成

(1)防止子元素的margin越界

.parent:before {
content: '  ';
display: table;
}

(2)清除子元素的浮动对父元素及后续元素造成的影响

.parent:after {
content: '  ';
display: table;
clear: both;
}