CSS 4.3 盒子模型

image.png
image.png

  • display
    確定元素的顯示類型

    • block/inline/inline-block

  • position
    確定元素的位置(靜態(tài)/相對(duì)/絕對(duì)/固定)

    • static/relative/absolute/fixed

relative是相對(duì)原來位置的便宜

absolute是脫離文檔流的獨(dú)立便宜,便宜相對(duì)最近的relative或absolute

fixed也是脫離文檔流的相對(duì)可視區(qū)域的便宜

image.png

z-index 可以用在 relative,absolute,fixed

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,790評(píng)論 1贊 92
  • CSS 是什么 css(Cascading Style Sheets)，層疊樣式表，選擇器{屬性:值；屬性：值}h...
    崔敏嫣閱讀 1,508評(píng)論 0贊 5
  • 以下文章是我在網(wǎng)上收集的內(nèi)容，為了記錄自己的學(xué)習(xí)以及為了以后不到處找而記錄下來，如果對(duì)你有用，請(qǐng)感謝寫這些文章的前...
    DCbryant閱讀 949評(píng)論 0贊 2
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML標(biāo)準(zhǔn)。 注意：講述HT...
    kismetajun閱讀 27,610評(píng)論 1贊 45
  • 醒早了，六點(diǎn)起床，收拾屋子吧，不看手機(jī)。 去清正學(xué)院的路上，試著跑步時(shí)調(diào)節(jié)呼吸，效果不佳，幾百米的路跑得大汗淋漓，...
    周湘泉閱讀 187評(píng)論 0贊 0