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,為了解決這種狀況就要清除 ...