定位 絕對定位

2022-08-23 08:42:08 字數 503 閱讀 6531

span元素

輸出:1.開啟絕對定位,會使元素脫離文件流;

2、開啟絕對定位以後,如果不設定偏移量,則元素的位置不會發生變化;

3、相對於瀏覽器視窗進行定位;

開啟box3的定位並把box2作為box3的子元素:

.box2

.box3

輸出:若有祖先元素開啟了定位(一般情況,開啟了子元素的絕對定位都會同時開啟父元素的相對定位);

絕對定位是相對於離他最近的開啟了定位的祖先元素進行定位的;

絕對定位會使元素提高乙個層級;

改變元素的性質(塊聯元素變為內聯元素);

相對定位,絕對定位

絕對定位是相對于父標籤決定位置,一般用於相對定位標籤裡面,js特效經常用到。相對定位是相對於上乙個相對定位的。一般用於浮動定位標籤裡面,一般跟絕對定位配合使用。浮動定位才是常用的。看例子 以下只說id名代表div 絕對定位 position absolute 如果bq1 絕對定位 外面沒有div等父...

相對定位 絕對定位

相對定位 相對自身位置進行定位 定位後 元素脫離文件流 原來的位置沒有被其他元素所佔據 元素特點沒有發生變化 top 移動後的位置距離起始位置 上面多遠 往下移動 left 移動後的位置距離起始位置 左邊多遠 往右移動 right 移動後的位置距離起始位置 右邊多遠 往左移動 bottom 移動後的...

定位 絕對定位 相對定位

定位是一種高階的布局手段 通過定位可以將元素擺放到頁面的任意位置 使用position屬性來設定定位當元素開啟了定位以後,可以通過偏移量來設定元素的位置 例如 top 100px bottom xxpx left right 注意 relative相對定位的參照元素是其本身在文件流中的位置進行定位 ...