css 清除浮动

用空元素如<div class="clear"></div>

在子元素中加上这个空标签

<div class="clear"></div>

使用CSS的overflow属性

在要清除浮动的元素加上    

overflow: hidden;

让他变成内行元素

使用CSS的:after伪元素

通过CSS伪元素在容器的内部元素最后添加了一个看不见的空格"020"或点".",并且赋予clear属性来清除浮动。

在要清除浮动的元素上加

.clearfix:after{

      content: "020";

      display: block;

      height: 0;

      clear: both;

      visibility: hidden; 

  }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,865评论 1 92
  • 什么是CSS清除浮动? 在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(flo...
    秦至阅读 438评论 1 8
  • 1、什么是css清除浮动? 在非IE浏览器下,当容器的高度为auto,且容器的内容中有浮动的元素,在这种情况下,容...
    IMike阅读 265评论 0 1
  • 在CSS布局中float属性经常会被用到,但使用float属性后会使其在普通流中脱离父容器,让人很苦恼。 浮动带来...
    wmsj100阅读 882评论 0 1
  • 清除浮动详解 清除浮动主要是为了解决由于浮动元素脱离文流导致的元素重叠或者父元素高度坍塌的问题,而这两个问题分别对...
    One_Hund阅读 871评论 0 0