css定位

css的定位機制一般分為三種:
1.普通流(文檔流)
2.浮動
3.絕對定位
div {
position: fixed;
} /頁面脫離窗口完全固定,相對于瀏覽器邊框定位/
div {
position:relative;
} /使元素相對于原有的位置偏移/
eg:

div {
position: absolute;
} /相對于父元素做偏移,若父元素無定位,則再向上一級/

z-index 層疊:
值越大,就在外層,覆蓋較小的值。
默認值為零,但如果不設置的話,后面會自動擋住前面。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,801評論 1 92
  • 在CSS中關于定位的內容是:position:relative | absolute | static | fix...
    feelinghappy618閱讀 657評論 0 0
  • CSS 定位 CSS有三種基本的定位機制:普通流,浮動,絕對定位(absolute, fixed):普通流是默認定...
    _空空閱讀 5,800評論 0 15
  • 學習建議 定位、浮動是 CSS 核心知識點,必須熟練掌握。 1.文檔流的概念指什么?有哪種方式可以讓元素脫離文檔流...
    饑人谷_任磊閱讀 1,120評論 0 3
  • 一 外部式css樣式 (也可稱為外聯式)就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css...
    KunMitnic閱讀 962評論 0 1