一、浮动特点:
1.脱离标准流(脱标)---半脱离标准流(文档流)
2.文字环绕的效果:当文字周围存在浮动的元素,则文字显示会围绕着盒子
3.使块级元素并列显示,并且空格不影响显示
4.可以使行内元素宽高起作用
二、浮动的影响:
当子元素设置浮动,父元素没有高度的时候,那么父元素在标准流中不占位置
清除浮动:指的不是把浮动干掉,而是把浮动的影响给清除,就是让父元素在标准流中占位置
三、浮动的三要素:
1.浮动的元素(父元素)最好设置宽度
2.同级的元素最好都设置浮动(只要有一个元素浮动)
3.清除浮动,清除浮动的影响
四、清除浮动:
1.给父元素添加高度:比较复杂,还得计算高度
2.overflow:hidden;一般不使用
当子元素超出父盒子显示的时候,会将超出部分隐藏
overflow:auto;
会自动出现水平或者垂直方向的滚动条,用来显示超出元素部分的内容。
3.通过添加一个空元素并且结合clear:both
在浮动的元素后面添加一个空元素,并且给此空元素设置一个clear:both样式,代表清除所有的浮动(添加的空元素不能是行内元素以及行内块元素,一般就写块级元素)。