最近做的專案中經常會用到margin的負值，這裡就總結一下關於margin負值的5種使用
及相關bug的處理。
1. 在流動性規劃中的使用
如wordpress的兩欄式不固定規劃就是使用margin負值來實現的定位，屬於左右
margin負值在流動性規劃中的使用。
左側寬度固定
寬度自順應，啦啦啦。。。寬度自順應，啦啦啦。。。寬度自順應，啦啦啦。。。
另外一類兩欄自順使用到的是margin的上下負值，尤其在一欄高度固定，另外一欄高度
不定的兩欄或多欄規劃中最為常見。高度不固定欄和高度固定的欄上下錯開，均無浮動
屬性，高度不固定的欄margin-top乙個負值，大小就是高度固定欄的高度，實現了兩欄
在同一水平線上。且寬度自順應，並且不用擔心有浮動出現的一系列問題。
款式部分：
.fixed-height
.flow-height
頁面結構：
高度固定哦
高度寬度自順應，啦啦啦。。。高度寬度自順應，啦啦啦。。。
2. 在選項卡等邊框線的處理
下圖顯示的是一種比較常見的選項卡。
如圖，使用margin-bottom:-1px;處理選項卡下邊框顯示的問題。[注：]使用margin-
top、margin-bottom需求看結構如何寫，靈活使用。
類似的，如果您要用七個div實現8條1畫素的左左邊框，可以讓每個div都有左右1畫素的
邊框，然後margin-right:-1px;或是margin-left:-1px;讓之間的邊框堆疊來達到效
果。3. 與文字對齊問題
當與文字在一同，往往都是不對齊的，由於和文字預設是底部對齊。當較
小比較明顯，使用vertical-align:middle;對齊，在firefox，chrome下能達到理想效
果，但是ie下還是有點彆扭。
使用margin負值能在每個瀏覽器上顯示完全分歧。img標籤支援margin四個方向的正的
和負的定位。普通使用img標籤來顯示圖示，要與文字對齊達到理想的效果，可以設定
img。
4. 隱藏首（末）邊框
本著結構盡量簡約，款式**盡量少，減少對js的依賴的準繩，我們可以用款式來實現
列表項頭尾無邊框的效果，而無需額外設定諸如最後乙個
款式部分：
結構部分：
5.頁面上實現css sprite背景定位效果
使用img定義margin的負值實現類似background-position效果。此方法能減少乙個頁
面請求數，但是有違款式與規劃分離的準繩，因此不推薦使用
ps:使用margin負值在ie6/ie7下的bug：有一部分被隱藏掉了
愛易網路任務室
處理方法：新增position:relative; zoom:1;
網頁CSS樣式 詳述margin樣式屬性
用於在乙個宣告中設定所有外邊距的寬度，或者設定各邊上外邊距的寬度。該屬性有多個值。瀏覽器計算外邊距 css中auto一般是自動適應的意思，auto在水平方向上的作用是始終居中，但在垂直方向上不起作用，相當於0值 瀏規定以具體單位計的外邊距值，比如畫素 厘公尺等。預設值是0px。注 允許使用負值，不過...
網頁設計 Css大坑之一，設定margin無效
出現這個問題基本和垂直外邊距的特性有關。注意是垂直外邊距margin top bottom啊，不是水平外邊距。垂直外邊距特性 1.兄弟盒子的垂直外邊距會重合，取兄弟元素設定的margin屬性最大值。比如上面的盒子設定margin bottom 200px，下面盒子設定margin top 100px...
CSS網頁製作技巧之控制網頁背景
我想大家常常為一些比較合適於自己的網頁背景的而發愁吧，這個我想也是有的，因為這些不是太大就是太小，或者太亂，那麼有沒有辦法讓能合自己的主頁的胃口呢？答案是肯定的。想知道怎麼來實現嘛，好吧，大家現在開始跟著我做，我保證大家一定一學就會。不過，我想在網上 成家 的朋友一般分為在網咖裡 開業 就像我一樣，...