如何清除浮动？（面试题）

如何清除浮动

1、浮动是什么：
浮动是将元素块脱离普通文本流，使其漂浮在普通文本流之上，直到碰到内容框或者上一个浮动元素的边框；
2、浮动会带来的问题：
1）父元素框不能被撑开；
2）没有被设置为浮动的元素会无视浮动元素跟在浮动元素的后面
3）若第一个浮动元素变动了，那么其后的浮动对象也会变化，会影响整体的结构布局
3、清除浮动的方法：
1）在浮动元素后面加一个空的div标签设置属性：clear:both（常用）/left/right
2）给父元素设置高度height
3）给父元素设置display:table
4）给父元素设置overflow：hidden或者auto
5）给父元素定义伪类after
6）使父元素也变为浮动元素

 

行内快的间隙问题和如何解决

行内快的间隙问题：
1、当行内块级元素在有空格或者换行的情况下会有间隙
2、不是行内块级元素设置为行内块级元素时也会有水平间隙、
解决方法：
1、给父元素的font-size设置为0，可以消除垂直间的间隙
2、给ul的li标签设置为同一行显示会消除垂直间的间隙