一、首先是對自身的影響
1.margin-left,margin-right會增加元素自身寬度。
m
如圖：（width:auto時）
如圖：（width:auto時且設定了margin-left:-40px）
2.margin-top,margin-bottom。
①margin-top：-40px 不會改變元素自身寬高，而是讓元素上移。
②margin-bottom:-40px未在元素渲染方面正常。
二、對浮動元素的影響
盒子1
盒子2盒子3
然後給每個盒子新增margin-left：-20px：
可以看到的是：每個盒子產生了位移都向左偏移了20px，且後設定margin-left為負值的元素會覆蓋在先設定margin-left為負值的的元素上面。
盒子1，盒子2不新增margin值，只給盒子3加上margin-left：-100px：
可以看到盒子3完全覆蓋掉了盒子1的位置。
總結：負margin會改變浮動元素的顯示位置，即使元素寫在後面，也可以用負margin值
讓它顯示在最前面。
三、對絕對定位元素的影響
新增了margin-left：-100px；margin-top：-100px後：
可以看出元素相對於其絕對定位的座標，進行了偏移。
如何理解margin值為負
通常來說margin為正值時，我們很清楚其布局形式，即在border邊界線處再往外擴充套件指定長短。可margin為負又表示什麼呢，表示始於border邊界線處並向內擴充套件指定長短，這樣，下乙個文件流物件便是從margin邊界線處起，顯示出來。示例 1 頁面效果 此時有乙個margin邊界線我們看...
理解並運用 CSS 的負 margin 值
本文樣式 採用 scss。瀏覽器相容性為 ie6 你的網頁中，不可能沒有使用過 margin。大多數情況下，我們採用的都是正數的 margin 值，可能有時候會用到負的 margin 值。在我們的印象中，負的 margin 值就類似於瀏覽器的 hack 一樣，不被人接受。但是，本文要說明的就是，負的...
margin為負的理解
margin是盒模型中乙個很重要的概念，是border之外的區域，我們通常稱作外邊距，有margin top,margin right,margin bottom.moargin left四個外邊距。注意我書寫的順序是從上開始順時針的順序。對於這四個值，我們在設定的時候必然只能有4種情況 乙個值 兩...