原文：http://css-tricks.com/all-about-floats/ 這篇文章說的簡單易懂 float是CSS中關於定位的屬性。 float有4個值：none, left, right, inherit (繼承父元素的float屬性值） float ...

原文 http://learn.shayhowe.com/advanced-html-css/detailed-css-positioning 當構建頁面排版時，有不同的方法可以使用。使用哪一種方法取決於具體頁面的排版要求，在不同的情況下，某些方法可能好過於其他的方法。 比如，可以使 ...

BFC的通俗理解： 　　Block Formatting Context（塊級格式化上下文）是W3C CSS 2.1 規范中的一個概念，它決定了元素如何對其內容進行定位，以及與其他元素的關系和相互作用。 　　簡單來講，我們可以把它理解為，我們在進行盒模型布局的時候，如果一個元素符合了成為BFC ...

一、 float基礎用法示例 1、我們先建兩個div盒子，設置高度、寬度和背景顏色； 最開始兩個盒子在網頁上的位置如下： 然后我們將紅色盒子浮動到右邊 然后我們會發現紅色盒子浮動到了右邊，但是藍色盒子就直接上移到了原先紅色 ...

在最近的學習中，在GitHub上找了一些布局練習，我發現了我自己對布局超級不熟悉（很難受）。 在以前的學習CSS過程中，感覺使用CSS就記住各個屬性的屬性值以及作用就OK了，但是實際上呢？呵呵一笑。不說了，太傷心了，進入正題吧！ 最近我使用float和margin布局，加深了我對這兩個一起使用 ...

我們來看看CSS重要屬性--float。 以下內容分為如下小節： 1：float屬性 2：float屬性的特性 　　2.1：float之文字環繞效果 　　2.2：float之父元素高度塌陷 3：清除浮動的方法 　　3.1：html法 　　3.2：css偽元素法 ...

我們把網頁的常用的布局格式分為以下三種： 1.標准流。 所謂的標准流就是，行內元素自己單獨一行，而塊級元素是上下顯示的。 以前我們學習的都是標准流。 注意：標准流使我們網頁布局中最穩定 ...

一、含義 　　/deep/ 深度選擇器 二、用法 　　在vue中，我們為了避免父組件的樣式影響到子組件的樣式，會在style中加<style scoped>，這樣父組件中如果有跟子組件相同的class名稱或者使用選擇器的時候，就不會影響到子組件的樣式。 　　我們在加了 ...