浮动常见问题
<!-------------------------------------------------------清楚浮动开始-------------------------------------->
清除浮动float的常用方法2种:
1.clear属性----常用clear:both;
clear:left;或者:clear:right;(必须知道元素是左浮动了还是有浮动了清除对应的)
2.同时设置width:100%(或固定宽度)+ overflow:hidden;(隐藏溢出部分)
3当父包含块没有设置浮动,而父包含块里面包含的元素设置了浮动float后会影响的父包含
块,(在此时我们对父包含块设置clear:both;是不会起作用的。它此时已经变成一条线了,高
度没有办法扩展了)解决办法:如下
a.width:100%(或固定宽度)+ overflow:hidden;(隐藏溢出部分)
4.清除浮动float;clear:both;它只对紧邻它后面的元素管用可以清除浮动。
5.我们对元素最好不要设置高度,不然溢出部分我们设置了overflow后看不到:(但是可以
设置最小高度,min-height:400px;等)
<!-------------------------------------------------------清楚浮动结束-------------------------------------->