上课笔记

传统页面布局：
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.添加伪元素/