浮动特点
设置浮动可以使块级元素横向多列布局,它有以下特点:
- 设置了浮动的元素仍然在标准文档流中,仍会占据位置。
- 设置了浮动的元素未设置width时,其宽度随内容的变化而变化。
- 设置了浮动的元素会对紧邻其后的元素造成影响。此时可为受影响的元素清除浮动。
清除浮动常用方法
- clear属性,clear:both,一般用于紧邻其后的元素。当子元素全部浮动而父亲没有设置浮动时,父元素缩成一条,此时用clear清除浮动是无效的。
- 同时设置width:100%(或固定宽度)+overflow:hidden