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

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

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

元素div的高度就变成了0。我们有以下几种方式来解决这个问题 （1）给父级元素单独定义高度（heigh ...

浮动 普通流(normal flow) 这个单词很多人翻译为 文档流 ， 字面翻译 普通流 或者标准流都可以。 前面我们说过，网页布局的核心，就是用CSS来摆放盒子位置。如何把盒子摆放到合适的位置？ CSS的定位机制有3种：普通流（标准流）、浮动和定位。 html语言当中另外一个相当 ...

本文档学习参考至:详解 清除浮动 的多种方式（clearfix） 浮动会导致什么影响：元素脱标，不占据父元素的空间，导致页面布局出现问题，因此需要清除浮动带来的影响 下边通过以下例子进行解释 首先在页面设置一个box（div元素）包括两个content（div元素），content大小 ...

什么是CSS清除浮动？ 在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象 ...

①给父元素单独定义高度 　　优点：简单快速、代码少。 　　缺点：无法进行响应式布局。 ②在标签结尾处加空div标签<div style="clear: both"></div& ...