css清除浮动

Posted 一笔风尘

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css清除浮动相关的知识,希望对你有一定的参考价值。

清楚浮动三种方式:

1.根据子元素的可确定高度,为父元素设置指定高度。

2.clear:both;在浮动元素后边添加

  div.clearfix

  clearfix如下:

 1 .clearfix {
 2   display: inline-block;
 3 }
 4 
 5 .clearfix:after {
 6   content: "";
 7   display: block;
 8   height: 0;
 9   clear: both;
10   visibility: hidden;
11 }

3.父元素设置overflow:hidden;

以上是关于css清除浮动的主要内容,如果未能解决你的问题,请参考以下文章

CSS CSS代码清除浮动样式

CSS清除浮动 ③ ( 清除浮动 - 使用 after 伪元素 | 语法简介 | 兼容低版本浏览器 | 原理分析 )

CSS清除浮动

如何从片段外部清除/重置地图?

CSS清除浮动大全共8种方法

CSS 清除浮动的4种方法