传统页面布局:
1.标准流
2.浮动
浮动特性:
浮动元素会脱离标准流(脱标)
浮动元素会一行内显示并且元素顶部对齐
浮动的元素会具有行内块元素的类似特征
清除浮动的方法:
/第一种方法:/
/overflow: hidden;/
第二种清除浮动的方法:
.clearfix:after{
content: “”; /内容:""/
display:block; /转换成块元素/
height: 0;
clear: both; /清除左右两端的浮动/
visibility: hidden; /显示状态:隐藏/
}
/兼容cite,7版本浏览器/
.clearfix{
*zoom: 1;
}
第三种清除浮动飞方法:
.clearfix:after.clearfix:before{
content:"";
display: table;
}
.clearfix:after{
clear: both;
}
.clearfix{
*zoom:1;
}
/取消浮动/
/1.给元素添加overflow:hidde;/
/2.添加伪元素/