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

二、定位（position） 　　初始狀態 　　1、相對浮動特點（relative）： ...

頁面布局，或者是在頁面上做些小效果的時候經常會用到 display,position和float 屬性，如果對它們不是很了解的話，很容易出現一些莫名其妙的效果，痛定思痛讀了《CSS Mastery》后總結一下。 讓我們從基礎的CSS知識談起，相信很多初學者和小弟一樣不明白CSS原理，一味追求效果 ...

　　一、css定位 　　　　CSS 有三種基本的定位機制：普通流、浮動和絕對定位。 　　　　　　1.普通流：未專門指定的元素都在普通流中定位，position:static/relative;和float:none;也在普通流中定位。 　　　　　　2.絕對定位：position ...

## CSS和模型 ##CSS盒模型本質上是一個盒子，封裝周圍的 HTML 元素，包括 外邊距（marign），邊框（border），填充（padding），內容物（content） 盒子模型的類型：W3C 標准和模型和 IE 盒模型（怪異盒模型） W3C 標准盒模型：屬性 ...

1.float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於圖像，使文本圍繞在圖像周圍，不過在 CSS 中，任何元素都可以浮動。浮動元素會生成一個塊級框，而不論它本身是何種元素。div一個典型的塊級元素，會單獨占據一行。 先看看最基本的塊級元素如何排列的。html代碼，以下樣式都是基於此 ...

近期會更新一系列博客，對基礎知識再度做個鞏固和梳理。 一、position定位 （一）：position的屬性 　　1.absolute：生成絕對定位的元素，相對於最近一級定位不是static的父元素來進行定位； 　　2.relative：生成相對定位的元素，相對於其所在普通的文檔流位置 ...