第二次

一.定位:

1.屬性:position

取值:relative

? ? absolute

? ? fixed

2偏移量:根據(jù)不同的定位方式實(shí)現(xiàn)元素位置的擺放

top? bottom? left? right(屬性)

二.相對(duì)定位:相對(duì)于它原來位置偏移某個(gè)距離

? position:relative

通過偏移屬性來實(shí)現(xiàn)位置的微調(diào)

? 使用場(chǎng)合:位置微調(diào)

三.絕對(duì)定位:position:absolute

? 1.絕對(duì)定位的元素會(huì)脫離文檔流,不占據(jù)頁面空間

? 2.絕對(duì)定位的元素會(huì)相對(duì)于最近的已經(jīng)定位的祖先元素實(shí)現(xiàn)位置的初始化

? 3.如果沒有已經(jīng)定位的祖先元素,那么它的位置就相對(duì)于最初的包含塊實(shí)現(xiàn)位置的初始化

四.固定定位:position:fixed

? 1.將元素固定在頁面的某個(gè)位置

? 2.脫離文檔流、不占據(jù)頁面高度

? 3.固定定位的元素不隨著頁面的滾動(dòng)而滾動(dòng)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 堅(jiān)持親子日記 68天 最近天氣涼了,晝夜溫差也很大,希望大家記得保暖,預(yù)防感冒。記得昨天跟寶貝...
    門鵬浩門鵬澤媽媽閱讀 429評(píng)論 0 2
  • 單杠確實(shí)是單調(diào)的,連照出的像也沒有一張能生動(dòng)起來,但它確實(shí)是一種很好的運(yùn)動(dòng)或健身器材。不論是走路感覺膝蓋有...
    郭頭兒閱讀 670評(píng)論 0 0
  • 我想與你一起,淺觀小世界。 我想我們都很相似,渺小又無助,面對(duì)抉擇左右不定難以兼顧,在沒有能力掌控生活的時(shí)候只能忍...
    斜杠小野閱讀 841評(píng)論 0 3
  • 已經(jīng)離開校園的我,在下班的路上遇到一群高中生,他們說著一起玩王者榮耀開黑。 再也沒有人帶我玩了。 高中,已經(jīng)離開了...
    喊喊龜閱讀 539評(píng)論 2 2
  • 晚上回來累的沒來得及碎碎念就睡著了。。。 半夜三點(diǎn)過點(diǎn)兒被大姨媽折磨醒來,然后不聽話的玩手機(jī),一直到現(xiàn)在~ 真的挺...
    梅_宗主閱讀 190評(píng)論 0 0

友情鏈接更多精彩內(nèi)容