css中的相對定位和絕對定位

css中的相對定位和絕對定位

在文檔流中,每個塊元素都會被安排到流中的一個位置,我們可以通過css中的定位屬性來重新安排它的位置。

(1)相對定位是相對于該塊元素在文檔流中的位置的,同時注意:相對位置有個典型特征是占據(jù)文檔流的空間(

占著茅坑不拉屎)

(2) 使用絕對定位可以把內(nèi)容顯示到頁面上的任何位置,并且絕對定位是不會占據(jù)文檔流空間的。

注意:絕對定位的缺點:因為div的大小是不可以知道的,無法將每一個div的位置都定死。

相對定位:



絕對定位:


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

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,204評論 1 92
  • CSS布局在整個前端開發(fā)中占據(jù)了大約50-70%的工作量,在遵循web規(guī)范的前提下,編寫合乎規(guī)范的前端代碼,實現(xiàn)結(jié)...
    FaithXiong閱讀 891評論 0 0
  • 本文主要是起筆記的作用,內(nèi)容來自慕課網(wǎng). 認識CSS樣式 CSS全稱為“層疊樣式表 (Cascading Styl...
    0o凍僵的企鵝o0閱讀 2,754評論 0 30
  • CSS 定位 CSS有三種基本的定位機制:普通流,浮動,絕對定位(absolute, fixed):普通流是默認定...
    _空空閱讀 5,991評論 0 15
  • 昨天,帶兒子去理發(fā),突然想起堂妹問過我,堂弟將來做什么好,我突然覺得也許去當個理發(fā)師不錯。于是在兒子理發(fā)過程...
    蘭花芳香閱讀 2,012評論 0 1

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