兩個div之間有空隙


加句*{ 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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM