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、父级元素也一起浮动(会产生新的浮动问题)
posted @ 2020-01-18 12:28  JaydenQiu  阅读(97)  评论(0)    收藏  举报