在css的学习中，浮动可以说是非常重要的，当然重点既是难点，所以做了一篇对浮动的总结，希望看后对你有些帮助。 （一）使用浮动的原因 我们都知道css将我们熟知的标签分为了两种：1.块级元素；2.行级元素；并且规定了快级元素独占一行，而行级元素不能设置宽高，他的宽高 ...

原因：1、浮动的盒子脱离了标准文档流，会造成没有主动设置高度的父盒子失去高度； 示例： <div> <p>一段文字</p> </div> 当style为空，div作为p的父盒子是包住p的，所以div即使在没有主动设置高度的情况下 ...

父元素的高度是由子元素撑开的，且子元素设置了浮动，父元素没有设置浮动，子元素脱离了标准的文档流，那么父元素的高度会将其忽略，如果不清除浮动，父元素会出现高度不够，那样如果设置border或者background都得不到正确的解析。 清除浮动的方法： 1、给浮动元素父级加overflow ...

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

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

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

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

一、什么是浮动 浮动可有三种取值，float:left/right/none，默认为none 浮：漂浮起来脱离文档流，动：朝着指定方向移动 元素加了浮动后，会脱离文档流，提升了半层层级，向着指定方向移动，直到遇到父元素的边界或另一个浮动元素停止 Q1：什么是层级？ A1：如果将整个元素 ...