清除浮动

原创 2018年04月15日 22:45:25

清除浮动的三种方式:

1.设置overflow:hidden(缺点:可以清除浮动,但是可能会隐藏掉有用的动西)

2.增加一个空标签 设置行间样式clear:both;(缺点:会增加无意义的空标签,会影响JS的使用)

3.设置类名为clearfix

.clearfix:before,.clearfix:after{display:table;content:"";}

.clearfix:after{  clear:both;}

.clearfix{ *zoom:1;}(缺点:兼容性不好)

个人比较建议第三种清除浮动的方法

html清除浮动的6种方法示例

html清除浮动的6种方法示例 使用display:inline-block会出现的情况: 1.使块元素在一行显示 2.使内嵌支持宽高 3.换行被解析了 4.不设置的时候...
  • webxiaoma
  • webxiaoma
  • 2016-10-08 16:57:07
  • 1517

Html+CSS CSS(CSS3) 3种清除浮动的方法

应用DivCSS网页布局,经常性地会使用到float,很多邪门的事儿都有可能是浮动在作怪,清除浮动是必须要做的,而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。 下面看今天的...
  • u010003835
  • u010003835
  • 2016-03-22 16:39:43
  • 1583

清除浮动的4种方式

清除浮动:根据情况需要来清楚浮动 。  清除浮动的目的: 就是为了解决 父 盒子高度为0 的问题。 1.、额外标签法   给浮动盒子的后面添加一个新的div 2、overflow:hidden 触发了...
  • sinat_36146776
  • sinat_36146776
  • 2016-10-18 18:47:11
  • 685

CSS清除浮动原理(涉及BFC)和方法

为什么要清除浮动??首先理解浮动框:浮动的框可以左右移动,直至它的外边缘遇到包含框或者另一个浮动框的边缘。 浮动框不属于文档中的普通流,当一个元素浮动之后,不会影响到块级框的布局而只会影响内联框(通...
  • jlin991
  • jlin991
  • 2017-03-03 21:36:44
  • 896

CSS—清除浮动的几种方式

什么是浮动? 特性:1--浮动的元素不会占据标准流的空间,但是会影响标准流中的文本的排版。浮动只有左右浮动。 2--浮动元素A的位置与上一个元素有关系。如果上一个元素有浮动,则A的顶...
  • nongweiyilady
  • nongweiyilady
  • 2016-12-26 17:11:29
  • 2868

CSS清除浮动的五种方式

浮动元素会影响整体的布局,但是有些情况又不得不让元素浮动来更好的构成页面,下面整理五种常用的清楚浮动的方法: (注:为了节省时间,将方法写在了class名内,看懂即可) 1,为父元素添加高度: ...
  • Manson_zh
  • Manson_zh
  • 2017-07-04 15:33:07
  • 565

Bootstrap 的清除浮动

.clearfix:before, .clearfix:after { display: table; content: " ";} .clearfix:after { clear: both;}
  • tedpenk
  • tedpenk
  • 2014-12-13 16:44:06
  • 1482

CSS四种清除浮动的方法

浮动能让元素脱标,但是不同区域的标签之间却又会贴边,比如: Document ...
  • Jeff169
  • Jeff169
  • 2016-12-07 16:33:48
  • 686

清除浮动最好的两种方式

清除浮动最好的两种方式 .clearfix:after{ content:"."; display:block; height...
  • AndyNikolas
  • AndyNikolas
  • 2017-02-08 17:06:51
  • 1137

CSS清除浮动,什么时候需要清除浮动,清除浮动都有哪些方法

CSS清除浮动,什么时候需要清除浮动,清除浮动都有哪些方法  浮动(float),一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别...
  • sinat_36533893
  • sinat_36533893
  • 2017-04-08 14:35:07
  • 673
收藏助手
不良信息举报
您举报文章:清除浮动
举报原因:
原因补充:

(最多只允许输入30个字)