css有三種基本的定位機制：普通流、浮動和絕對定位。
除非專門指定，否則所有框都在普通流中定位。也就是說，普通流中的元素的位置由元素在 (x)html 中的位置決定。塊級框從上到下乙個接乙個地排列，框之間的垂直距離是由框的垂直外邊距計算出來。行內框在一行中水平布置。可以使用水平內邊距、邊框和外邊距調整它們的間距。但是，垂直內邊距、邊框和外邊距不影響行內框的高度。由一行形成的水平框稱為行框（line box），行框的高度總是足以容納它包含的所有行內框。不過，設定行高可以增加這個框的高度。
1) static 元素框正常生成。塊級元素生成乙個矩形框，作為文件流的一部分，行內元素則會建立乙個或多個行框，置於其父元素中。
2) relative 元素框偏移某個距離。元素仍保持其未定位前的形狀，它原本所佔的空間仍保留，用於設定相對於其本來位置的偏移。
3) absolute 元素框從文件流完全刪除，並相對於其包含塊定位。包含塊可能是文件中的另乙個元素或者是初始包含塊。元素原先在正常文件流中所佔的空間會關閉，就好像元素原來不存在一樣。元素定位後生成乙個塊級框，而不論原來它在正常流中生成何種型別的框，絕對定位是「相對於」最近的已定位祖先元素，如果不存在已定位的祖先元素，那麼「相對於」最初的包含塊。
4) fixed 元素框的表現類似於將 position 設定為 absolute，不過其包含塊是視窗本身，常用於固定於視窗底部的內容，不隨滾動而改變位置。
浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止，浮動框不在文件的普通流中。
1) overflow：當內容溢位元素框時使用這一屬性進行設定，可設定為visible, hidden, scroll, auto, inherit；
2) clip：設定元素的形狀，如clip:rect(0px,60px,200px,0px)；
3) z-index：z-index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。元素可擁有負的 z-index 屬性值，注意z-index 僅能在定位元素上奏效（例如 position:absolute;）；
CSS樣式（四） CSS定位
css定位 positioning 屬性 允許定義元素框相對於其正常位置應該改出現的位置，或者相對于父元素 另乙個元素甚至瀏覽器視窗本身的位置。一切皆為框 1 塊級元素 div h1或p標籤 即 顯示為一塊內容稱之為 塊框 2 行內元素 span,strong,a等元素 即 內容顯示在行中稱 行內框...
CSS定位，background屬性 四
1 css基本語法及頁面引用 2 css文字設定 3 css顏色表示 4 css選擇器 5 css盒子模型 6 css元素溢位 7 css塊元素 內聯元素 內聯塊元素 8 css浮動 9 css定位 10 background屬性 關於定位 我們可以使用css的position屬性來設定元素的定位型...
css 定位連線 css絕對定位
定位的四種模式 static,relative,absolute,fixed 定位的四個位置 left,right,top,bottom 定位屬性 position,有四種狀態值 1.static 靜態定位,按元素在文件流中的順序排列,這是預設值,四個位置無效 2.relative 相對定位,元素相...