1. 什么是浮动 《精通CSS》（第3版）关于浮动的描述： 浮动盒子可以向左或向右移动，直到其外边沿接触包含块的外边沿，或接触另一个浮动盒子的外边沿。 浮动盒子也会脱离常规文档流，因此常规流中的其他块级盒子的表现，几乎当浮动盒子根本不存在一样。 为什么说“几乎”？因为其他元素盒子中的文本 ...

1.问题起源　　 　　在平时的业务开发写CSS中，为了满足页面布局，元素的浮动特性我们用的不能再多了。使用浮动的确能够解决一些布局问题，但是也带了一些副作用影响，比如，父元素高度塌陷，我们有好几种可以清除浮动的方法，最常用的就是设置父元素的overflow:hidden这个属性，每次在写代码 ...

1、父级div定义伪类：after和zoom 原理：IE8以上和非IE浏览器才支持:after，原理和方法2有点类似，zoom(IE转有属性)可解决ie6,ie7浮动问题 优点：浏览器支持好，不容易出现怪问题（目前：大型网站都有使用，如：腾迅，网易，新浪等等） 缺点 ...

浮动后元素可以很好的帮我们进行页面上的布局，但是浮动后我们为什么要清除浮动呢？其实，清除浮动的本质是因为，子元素浮动，引起父元素内部高度为零，而后边元素因为前边元素高度为零，从而影响布局，最简单直接方法是为父元素添加高度，但是在我们真正实际开发中，是不方便也给父元素添加固定高度，比如，新闻页 ...

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

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

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

关于浮动 设置为浮动的元素会脱离当前文档流，向左或向右移动直到边缘遇到另一个浮动元素或者到达边界。普通元素不会对齐造成影响。 浮动是把双刃剑，在给我们的布局带来便利的同时有一些缺点需要我们去解决。例如最常见的父元素塌陷。如下图所示： 可以看到父元素的高度为0,为了解决这种状况就要清除 ...