-
只有設置了相對定位，或者絕對定位的元素才具有的屬性是z-index查看全部
-
position 定位的屬性值查看全部
-
position定位查看全部
-
有偏移量的絕度定位： absolute以最近的已經定位的元素為基準 fixed以瀏覽器為基準查看全部
-
absolute與fixed的不同點： 當設置了偏移量時， absolute：無已經定位的祖先元素，以<html>為基準偏移；有已定位的祖先元素，以已定位的最近的祖先元素為基準 fixed：不論是否有已定位的祖先元素，都以瀏覽器的可視窗口為基準（即滾動條滾動時fixed定位的元素還是不改變位置，被他遮蓋的元素，可以從其下穿過）查看全部
-
absolute與fixed定位都是絕對定位。 相同點：完全脫離標準文檔流；未設置偏移量時，都定位在父元素的左上角。查看全部
-
position:fixed 總結查看全部
-
{position: fixed;}沒有設置偏移量的方向依然會保持在父包含塊。查看全部
-
absolute和fixed的不同：表現形式查看全部
-
absolute 和 fixed 的不同查看全部
-
absolute和fixed相同點： 1.完全脫離標準文檔流 2.未設置偏移量時，都定位在父元素的左上角。 *偏移量——元素設置定位（絕對/相對）后，就具有偏移屬性和堆疊屬性（z-index）查看全部
-
position定位有3三種形式的定位，三種屬性會影響position的定位查看全部
-
absolute定位，受祖先元素或者html節點影響；可以是就近原則 ?fixed：會受到當前可是窗口影響；必須就近原則查看全部
-
固定層效果： 案例實現關鍵： 頂部固定層： #top--position:fixed; top:0;left:0; #mainbody margin-top:(#top高度+原有間距)px; <p>請把鼠標移動到單詞上，可以看到鼠標指針發生變化：</p> <span > auto</span> crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help 導航欄基本上是一個鏈接列表，因此使用 <ul> 和 <li> 元素是非常合適的 <ul> <li><a href="default.asp">Home</a></li> <li><a href="news.asp">News</a></li> <li><a href="contact.asp">Contact</a></li> <li><a href="about.asp">About</a></li> </ul> ul { list-style-type:none; margin:0; padding:0; } a { display:block; width:60px; } 請始終規定垂直導航欄中 <a> 元素的寬度。如果省略寬度，IE6 會產生意想不到的結果。 水平導航欄 有兩種創建水平導航欄的方法。使用行內或浮動列表項。 兩種方法都不錯，但是如果您希望鏈接擁有相同的尺寸，就必須使用浮動方法。 li { display:inline; } 為了讓所有鏈接擁有相等的寬度，浮動 <li> 元素并規定 <a> 元素的寬度： li { float:left; } a { display:block; width:60px; }查看全部
-
固定層效果： fix定位總結 定位形式——絕對定位 特點——位置固定不變，兄弟元素會從其下穿過 未設置便宜偏移量 有已定位的祖先元素，以祖先元素為基準定位 無已定位的祖先元素，以瀏覽器窗口為基準定位 設置偏移量，有、無已定位的祖先元素，均以瀏覽器窗口為基準偏移查看全部
舉報
0/150
提交
取消