前言 CSS有三種基本的布局機制：普通流、浮動和絕對定位。利用定位，可以准確地定義元素框相對於其正常位置應該出現的位置，或者相對於父元素、另一個元素甚至瀏覽器窗口本身的位置。但元素究竟如何定位，定位到什么位置，主要依靠top/right/bottom/left這四個偏移屬性。本文就定位中的偏移做 ...

CSS中有3種定位機制：普通流，浮動和絕對定位。除非專門指定，否則所有框都在普通流中定位。顧名思義，普通流中元素框的位置由HTML元素的位置決定。塊級框一個接一個地垂直排列，框之間的垂直距離由框的垂直外邊距計算出。在本文中，我們主要講解3種定位機制之一的絕對定位，這就需要深入了解relative ...

前面的話 　　對於所有定位，最后都不免遇到兩個元素試圖放在同一位置上的情況。顯然，其中一個必須蓋住另一個。但，如何控制哪個元素放在上層，這就引入了屬性z-index 定義 　　利用z-index，可以改變元素相互覆蓋的順序。這個屬性的名字由坐標系統得來，其中從左向右是x軸，從上到下 ...

前面的話 　　偏移量(offset dimension)是javascript中的一個重要的概念。涉及到偏移量的主要是offsetLeft、offsetTop、offsetHeight、offsetWidth這四個屬性。當然，還有一個偏移參照——定位父級offsetParent。本文將詳細介紹 ...

偏移量(offset dimension)是javascript中的一個重要的概念。涉及到偏移量的主要是offsetLeft、offsetTop、offsetHeight、offsetWidth這四個屬性。當然，還有一個偏移參照——定位父級offsetParent。本文將詳細介紹該部 ...

前面的話 　　前面已經介紹了定位的偏移和層疊，例子中大量的應用了絕對定位。因為相較於相對定位和固定定位，絕對定位在實際中應用頻率更高、應用場景更廣泛。本文將介紹使用絕對定位時的具體細節 定義 　　當元素絕對定位時，會從文檔流中完全刪除。元素位置相對於最近的已定位祖先元素，如果元素 ...

其實前面的標准流和浮動流都很理解，就是定位不太好理解，特別是相對定位和絕對定位，很多剛開始學的同學不好區分。因此這里，小強老師和大家一起分享CSS定位的學習。 通過我們前面的學習，我們網頁布局方法： 1. 標准流 （最穩定） 2. 浮動流 （float 其次） 3. ...

1.css margin可以改變容器的尺寸 　　元素尺寸 　　可視尺寸--標准盒子模型中盒子的寬度是不包括margin值的，clientWidth 　　占據尺寸--包括margin的寬度 outWidth不在標准之中，jquery中有相對應的方法 　　margin與可視尺寸 　　　　1.1使用 ...