浮动
设置浮动的愿意是为了让元素能横向排列
可以给子元素设置浮动元素float: left; 但是给子元素设置浮动以后,子元素脱离文档流,子元素的父元素就没有高度,这样就会造成高度塌陷的问题
解决方法 是给父元素设置类目clearfix
给父元素设置clearfix的样式
格式如下:.clearfix::after{
content: "";
/* clear:both; 必须写在块级元素下才可以生效。 */
clear: both;
display: block;}
行内快元素display与浮动float:laft 的区别是
display会造成元素与元素换行的时候会产生间隙空格,此时可以给父元素设置font-size设置字号为“0”
再给子元素设置正常的字号即可。