元素浮动,使元素并排显示 属性folat 属性值folat:left左对齐 属性值folat:right右对齐 浮动的作用:使元素并排显示,并且每个元素间没有间隔,脱离文档流 清除元素浮动: 清除元素浮动的原因:
元素浮动后,会遮挡已经浮动的元素后边的元素位置,使浮动元素后边元素显示不全。
清除办法:
1.在浮动元素后,新建一个块级元素。
2.设置该块级元素属性clear
属性值:left 清除左浮动
属性值:right 清除右浮动
属性值:both 清除左右两边浮动(只要元素有浮动,无论左右两边浮动都可以清除)
清除浮动后需要对清除浮动的块级元素进行优化
1.设置块级元素高度和字体尺寸为0px
2.设置块级元素visibility属性值为hidden