盒子大小写死，给每个盒子设定固定的width和height，直到合适为止，非自适应父级元素设置高度父级元素触发BFC（Float，Overflow:Hidden|Visible，Display:Flex|Grid）<divclass="parent"style="overflow:hidden"><divclass="f"></div></div>添加额外标签<div...

使用空标签清除浮动clear:both（理论上能清楚任何标签，，，增加无意义的标签）使用overflow:auto（空标签元素清除浮动而不得不增加无意代码的弊端,使用zoom:1用于兼容IE）是用afert伪元素清除浮动(用于非IE浏览器)

DIV+CSS清除浮动是页面布局中常见的问题，相信各位高手也都有自己的方法，今天在这里对常见的几种方法进行总结（PS：谈不上是原创，这里是我自己做的归纳总结，也是我自己内化的过程），希望对您能够有所帮助。DIV+CSS浮动效果是指，父元素在未定义高的情况下，由于子元素全部浮动脱离文本流，而造成父元素高的塌陷（PS:正常情况下，父元素的高是由子元素撑起来）；或者因为部分子元素的而浮动，脱离文本流...

.BFC概念：块级格式化上下文，是一个独立的渲染区域，让处于BFC内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。我们先了解一个名词：BFC（blockformattingcontext），中文为“块级格式化上下文”。先记住一个原则：如果一个元素具有BFC,那么内部元素再怎么翻江倒海，翻云覆雨，都不会影响外面的元素。所以，BFC元素是不可能发生margin重叠的，因为margin重叠...

使用div+css网页布局，经常性地会使用到float，很多邪门的事儿都有可能是浮动在作怪，清除浮动是必须要做的，而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。今天无意中发现除了clear清除浮动外，尽然还发现了3种很少用到的方法，网友们好好看一下哦。看一下下面的例子，此为未清除浮动源代码，运行代码无法查看到父级元素浅黄色背景。<styletype=”text/css...