一、浮动属性有哪些属性值
float
• left 元素向左浮动
• right 元素向右浮动。
• none 默认值。元素不浮动,并会显示在其在文本中出• 现的位置
二、float 对块级或行内标签的影响
(1)浮动对部分块元素在没有设置宽高的的情况下设置浮动后变成内容撑开高度;但是还是支持设置宽高的。
(2)浮动对行内属相的影响:行内属性是不支持宽高设置的,靠内容撑开高度。当设置了float属性之后,这些标签能够很好地支持宽度和高度的设置;
三、浮动的特性
1、块在一排显示
2、内联元素支持宽高
3、默认内容撑开宽度
4、脱离文档流
5、阻止margin叠压
四、 清除浮动的三种方式?
1、给父元素加display:inline-block;
2、给父元素也加浮动;
3、浮动元素下加<br clear="all"/>
4、使用伪元素.clearfix:afer {content:"";clear:both;display:block}
5、给父元素加overflow:hidden/auto;
6、给浮动元素下加<div class="clear"></div> .clear{width:0;height:0;clear:both}
五、为什么要清除浮动?
当包含框的高度小于浮动框的时候,此时就会出现“高度塌陷”