一、为何要清除浮动？要解答这个问题，我们得先说说CSS中的定位机制：普通流，浮动，绝对定位 （当中"position:fixed" 是 "position:absolute" 的一个子类）。1）普通流：非常多人或者文章称之为文档流或者普通文档流，事实上标准里根本就没有这个词。假设把文档流直译为英文就...
分类：
其他好文 时间：
2014-07-01 12:59:45
阅读次数：
189
浮动作为网页布局的重要手段之一，给我们带来了诸多便利。但一些副作用也是值得我们去注意的。一旦某个元素具有了float属性之后就会脱离文档流，造成一些意向不到的后果。
分类：
其他好文 时间：
2014-06-29 00:05:08
阅读次数：
270
页面布局中常用的清除浮动的方法我们在页面布局时，基本上都避免不了使用float，但由此也会引发一些问题，尤其是在容器高度不固定时，此时它的高度完全是由内部的元素撑开的。如果内部元素还是浮动的，那么由于内部的元素脱离了文档流，父容器就不能被撑开了。如果父容器设置的有背景或者边框的话，此时就不能正常显示...
分类：
其他好文 时间：
2014-06-28 10:18:52
阅读次数：
179
用三个div做一个类似下图的布局： get objects by class 111 222 333 做这个布局有两个要点：1。第二个div要清除浮动2.考虑到IE6经...
分类：
其他好文 时间：
2014-06-27 14:01:54
阅读次数：
160
大家做缩进的时候，浮动什么的，，用完还得清除浮动，非常麻烦，当然我也非常喜欢这么用，用margin就可以比较方便的解决。。。...
分类：
其他好文 时间：
2014-06-26 10:41:16
阅读次数：
208
hasLayout与BFC是分别在IE和其他浏览器上的两个作用很相近的概念，在很多时候，我们需要触发它们去实现有些效果。例如清除浮动时需要触发hasLayout与BFC；很多自适应的两栏和三栏布局（两边固定宽度，中间自适应）需要触发hasLayout与BFC；很多奇形怪状的IE bug的解决需要触发...
分类：
其他好文 时间：
2014-06-25 12:08:58
阅读次数：
165
此为未清除浮动源代码，运行代码无法查看到父级元素浅黄色背景。LeftRight 未清除浮动前如图所示：四种清除浮动方法如下：1、使用空标签清除浮动。 我用了很久的一种方法，空标签可以是div标签，也可以是P标签。这种方式是在需要清除浮动的父级元素内部的所有浮动元素后添加这样一个标签清除浮动，并为其定...
分类：
Web程序 时间：
2014-06-18 13:22:15
阅读次数：
224
正常的块级元素默认会独占一行，我们可以通过浮动的方式来使其脱离文档流，横向排列。但是浮动如果不及时清除，就会影响下一个元素的表现。所以我们要及时地清除浮动。那么如何清除浮动呢？ 首先说明，我们要的是真真正正的清除，不是撑起父元素，所以像为父元素设置高度，这种做法我不提倡。 方法一： 如果上...
分类：
其他好文 时间：
2014-06-17 19:40:22
阅读次数：
235
清除浮动 浮动元素之后的元素会自动围绕该浮动元素。如果不希望周围有元素围绕，则可以为这些元素定义“clear”属性以清除浮动。clear 的属性有及其值为： clear: left; 清除左边的浮动对象，如果左边存在浮动对象，则当前元素会在浮动对象底下显示。 clear: right; 清除右...
分类：
其他好文 时间：
2014-06-17 15:44:16
阅读次数：
213
我们经常碰到的一种布局问题，就是两个容器并排分布。这时候我们考虑的就是如何实现，如果是小容器我们考虑的可能是display:inblock来实现但是如果是两个大容器，更多的时候我考虑的都是浮动来完成布局。但是很多时候我们对去清除浮动都是一种似懂非懂的方法，关于清除浮动有以下几个常见的方法：一、父级容...
分类：
其他好文 时间：
2014-06-17 13:39:44
阅读次数：
286
