position:relative和負margin

position:relative和負margin都可以使元素位置發(fā)生變化，但是它們二者是有區(qū)別的。

  • position:relative
    只是視覺上元素位置發(fā)生了變化，而元素在文檔流中的位置并有改變，對其他元素沒有影響。
    代碼舉例
Paste_Image.png
  • 負margin
    讓元素在文檔流中的位置也發(fā)生了改變，對后面的元素會產生影響
    代碼舉例
Paste_Image.png
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,093評論 1贊 92
  • 學習建議 定位、浮動是 CSS 核心知識點，必須熟練掌握。 1.文檔流的概念指什么？有哪種方式可以讓元素脫離文檔流...
    饑人谷_任磊閱讀 1,156評論 0贊 3
  • 1. 浮動元素有什么特征？對父容器、其他浮動元素、普通元素、文字分別有什么影響? 浮動元素的特征：CSS設計flo...
    饑人谷_邵征鵬閱讀 640評論 0贊 0
  • 1.在什么場景下會出現外邊距合并？如何合并？如何不讓相鄰元素外邊距合并？給個父子外邊距合并的范例 概念：在CSS當...
    饑人谷_任磊閱讀 829評論 0贊 3
  • 1.浮動元素有什么特征？對父容器、其他浮動元素、普通元素、文字分別有什么影響? 何謂浮動元素？有什么特征？所謂浮動...
    草鞋弟閱讀 919評論 0贊 1

友情鏈接更多精彩內容