08-float浮动

 

float（浮动）

 

left：左浮动
right：右浮动

 

　　

 

清除浮动方法一

.clear{ clear:both;}
<div class = "clear"> </div>　　//浮动元素后使用一个空元素

 

清除浮动方法二

overflow:hidden;　　//给浮动元素的父级添加
zoom:1;　　//低版本ie浏览器兼容性

 

清除浮动方法三

.className:after{
content: ".";　　//另内容为空
display: block;　　//转换为一个块元素
height: 0;
visibility: hidden;　　//隐藏显示
clear: both;　　//清除浮动，通常把这个写到下一个不需要浮动的块级元素里
}
.className{
zoom:1;//低版本ie浏览器兼容性
}

 

其他方法

1、给父级元素定义height

2、父级元素也一起浮动（会产生新的浮动问题）