加句*{ margin:0; padding:0;}
最近在做網頁時發現,在IE7下(FF沒試過),div與div之間有時會出20個像素左右的空隙,除非把margin設成負值,否則空隙無法去除。我在 網上找了很多辦法,諸如在html開頭加協議說明,在母容器里加display:inline,強制所有div左飄等等,都不能解決問題。其中強制div 左飄的辦法確實有效,但不知為什么,用了這種方法后,會使div內的一些span標簽出現異常。
最后翻了很多技術論壇,終於被我找到一個最“干凈”的辦法,就是在CSS文件開頭加一句 *{margin:0px;padding:0px} 強制所有對象內外邊距為0。我加上了,效果不錯。
后來看看老鳥們的討論,出現這個問題可能是由於IE對CSS兼容不夠導致的。在開頭把邊距清零相當於將各種瀏覽器的標准重置。
另外的兩列div中的緊密排列的寫法:
<div style="border:solid 1px #000; width:100px; height:100px; float:left; margin:0;display:inline"></div>
<div style="border:solid 1px #000; width:100px; height:100px; float:left;display:inline"></div>