IE6浮動雙邊距

什麼是雙邊距？

當我們編輯塊級元素的浮動樣式時，原本設置的外邊距會在IE6（360、兼容模式）下雙倍顯示。

如下代碼：

 .b{
	float:left;
	margin:0 20px;
	width:500px;
	height:200px;
	background:red;
	}

如何解決這個問題呢？

通過display把塊級元素調整成行內元素，可以解決這個bug。

如下代碼：

    .b{
	float:left;
	display:inline;
	margin:0 200px;
	width:500px;
	height:200px;
	background:red;
	}