定位:可以將元素放在網頁的任意乙個位置。
常見場景:
①乙個盒子疊在另外乙個盒子上面的情況。定位後的盒子層級最高,在最上層。(相對、絕對)。
②將盒子固定在【螢幕】的某個位置。(固定定位)。
使用定位的步驟:
一、靜態定位static(一般沒用)。
二、 相對定位relative:
三、絕對定位absolute:
☆子絕父相:因為父元素定位了,子元素參照父元素定位。父元素沒有定位,子元素參照瀏覽器定位。注:【絕對定位】後的元素具有行內塊元素特點,設定寬高生效。
四、固定定位fixed:
注:【固定定位】後的元素具有行內塊元素特點,設定寬高生效。
五、層級定位的方法(略)。
自己有關CSS定位的總結
1.fixed屬性的說明 fixed總是以body為定位時的物件,總是根據瀏覽器的視窗來進行元素的定位,通過 left top right bottom 屬性進行定位。2.常常使用position用於層的絕對定位,比如我們讓乙個層位於乙個層內具體什麼位置,為即可使用position absolute...
CSS定位問題
在看這篇文章是,希望大家對css盒式模型有所了解,不清楚的點這裡。一 定位概述 在說明定位問題前,我們先聊聊div這個元素。通常我們把p h1或div元素常常稱為塊級元素。這意味著這些元素顯示為一塊內容,即 塊框 塊框從上到下乙個接乙個地垂直排列。與之相反,strong和span等元素稱為行內元素,...
CSS 定位問題
top bottom left right top right bottom left應用於定位元素,position屬性設定後。top right bottom left的值設定為正值時,元素向內收縮,設定為負值時,向外擴張 偏移屬性定義了距離包含塊相應邊的偏移,而不是距離包含塊左上角的偏移。ca...