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

我们把网页的常用的布局格式分为以下三种： 1.标准流。 所谓的标准流就是，行内元素自己单独一行，而块级元素是上下显示的。 以前我们学习的都是标准流。 注意：标准流使我们网页布局中最稳定的一种结构 2. 浮动流 使我们学习的脱离标准流的第一种方式。会影响 ...

通俗讲解清除浮动 上一篇讲了CSS浮动 博客地址：CSS(6)---通俗讲解浮动(float) 一、理解清除浮动 1、为什么要清除浮动 我们前面说过，浮动本质是用来做一些文字混排效果的，但是被我们拿来做布局用，则会有很多的问题出现。 由于浮动元素不再占用原文档流的位置 ...

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

使用浮动造成的BUG： 使用浮动前：（子节点是将父节点撑开了） 代码如下 首先说明现象：我没有给父节点设置高度，在给子div设置float:left后，出现如下BUG: 1.父节点的margin属性失效 2.子节点没有将父节点撑开 ...

一、抛一块问题砖（display： block）先看现象： 分析HTML代码结构： ? ...

的。 注意，以上这些理论，是指标准流中的div。 小菜认为，无论多么复杂的布局，其 ...

最近学习css发现了高度塌陷时候要清除浮动,为了理解清楚浮动原理,网上找了不少资料,发现都写的不是很清楚,而且都是一模一样的内容,我在里分享一下我对清楚浮动原理的理解, 如果你已经很了解什么是浮动和浮动的效果你可以直接跳转到三.如何清除浮动(重点)阅读 一.什么是浮动首先我们需要知道定位 元素 ...