float是HTML中布局的一大关键，很多难题一旦用上float都能很愉快地解决。但是凡是好用的，也容易出错。比如当子元素都为float时，其父元素会受影响，或者偶尔会发现自己某个div的高度变成了0等等。 float的特性 1.文字环绕 文字环绕效果是很明显的，这里要注意一个地方:浮动 ...

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

Float的作用？ w3c的官方解释： Content flows down the right side of a left-floated box and down the left side of a right-floated box … Since a float ...

1.1 CSS 布局的三种机制 网页布局的核心——就是用 CSS 来摆放盒子。 CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位，其中： 普通流（标准流） 块级元素会独占一行，从上向下顺序排列 ...

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

css之浮动布局 本人博客：查看文章 1.什么是浮动：在我们布局的时用到的一种技术，能够方便我们进行布局，通过让元素浮动，我们可以使元素在水平上左右移动，再通过margin属性调整位置 2.浮动的原理：使当前元素脱离普通流，相当于浮动起来一样，浮动的框可以左 ...

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

那么，我们该怎么解决这样由浮动造成的bug呢？ 三种方法： 一、:after的3行代码（最高大上的方法,写情 ...