css清除浮动

来源:互联网 发布:mysql教程合集 编辑:程序博客网 时间:2024/04/29 22:07

浮动特点

设置浮动可以使块级元素横向多列布局,它有以下特点:

  1. 设置了浮动的元素仍然在标准文档流中,仍会占据位置。
  2. 设置了浮动的元素未设置width时,其宽度随内容的变化而变化。
  3. 设置了浮动的元素会对紧邻其后的元素造成影响。此时可为受影响的元素清除浮动。

清除浮动常用方法

  1. clear属性,clear:both,一般用于紧邻其后的元素。当子元素全部浮动而父亲没有设置浮动时,父元素缩成一条,此时用clear清除浮动是无效的。
  2. 同时设置width:100%(或固定宽度)+overflow:hidden
0 0