在写页面布局的过程中，浮动是大家经常用的属性。在好多的排版布局中都是用的的浮动比如说下面这些地方都是应用到了浮动。 在我学习浮动的时候可是熬坏了脑筋，在这里我分享一下我对浮动这块知识的总结。 一、浮动的定义 　　使元素脱离文档流，按照指定的方向（左或右发生移动），直到 ...

文档流 　　css中的块级元素在页面中是独占一行的，自上而下排列，也就是我们所说的流，通常我们称之为文档流或标准流。 浮动 　　使元素脱离文档流，按照指定的方向（左或右发生移动），直到它的外边缘碰到包含框或另一个浮动框的边框为止。起初，W3C规定出来的浮动实际并不是为了布局 ...

1.浮动float 　　div配合float浮动来做页面的布局，浮动最常用的地方就是用来做布局。只有一个标签设置了浮动float属性，就会变成块级标签。 2.清除浮动clear属性 （1）利用伪元素具有clear清除浮动的属性来解决父标签塌陷 ...

清除浮动是为了解决高度塌陷的问题:内层有好几个div有宽有高，并且选择了浮动定位，但是外层的div却并没有设置宽高。在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度 ...

有很多时候，我们都会用到浮动，而我们有时候对浮动只是一知半解，却不是太清楚它到底是怎么回事，不知道各位有没有和我一样的感觉，只知道用它，却不知道它到底是怎么回事，所以，在学习的过程中，就要把一个概念不是很清晰的问题把它弄清楚了，便于我们以后的使用。早些时候，W3C规定出来的浮动实际并不是 ...

浮动介绍 浮动（float）最初是为了让文字环绕图片排布，就想报纸上面的图文混排模式。但 Web 开发人员很快意识到，任何东西都可以浮动，而不仅仅是图像，所以浮动的使用范围扩大了。浮动曾被用来实现整个网站页面的布局，它使信息列得以横向排列（默认的设定则是按照这些列在源代码中出现的顺序纵向排列 ...

什么叫浮动：浮动会使当前标签脱离文档流，产生上浮的效果，同时还会影响周边元素（前后标签）及父级元素的位置和width，height属性。下面用一个小例子来看一看浮动的全过程：1.首先我们新建一个网页，在网页中用div元素创建三个小的正方形，为了区别分别给他们不同的ID值和背景颜色，代码 ...

。 　　尚不知晓，猜测是只能清除浮动带来的父元素塌陷，但无法闭合浮动（待验证） 4、设置父元素的di ...