我總是聽(tīng)說(shuō)CSS中的邊距在彼此相鄰時(shí)會(huì)縮小，所以將兩個(gè)元素設(shè)置為40px只會(huì)導(dǎo)致它們之間有40px。

這是一種渲染CSS的老方法嗎，就像它不再以這種方式工作了嗎？

這是HTML和CSS。我似乎無(wú)法讓利潤(rùn)率崩潰:

<div id="header">
        <div id="mainNav" class="navBar">
            <a id="homeLink" class="navBarLinks">Home</a>
            <a id="aboutLink" class="navBarLinks">About</a>
            <a id="articlesLink" class="navBarLinks">Articles</a>
            <a id="portfolioLink" class="navBarLinks">Portfolio</a>
            <a id="contactLink" class="navBarLinks">Contact</a>
            <a id="rssLink" class="navBarLinks">RSS</a>
        </div>
        <div class="infoBar"></div>
    </div>

#header { width: 100% }
    .navBar {
        width: 100%;
        height: 24px;
        background-color: #1a1a1a;
        border: 0px solid #404040
    }
    #mainNav { border-bottom-width: 2px }
    .navBarLinks {
        display: block; float: left;
        height: 11px;
        margin: 0 30px;
        background: url(/images/STORMINKsprite.png) no-repeat;
        text-indent: -9999px
    }

您的答案可以在CSS2.1規(guī)范建議中找到:

在CSS 2.1中，水平邊距從不折疊。

所以給定你寫(xiě)的代碼，你會(huì)在每個(gè)鏈接之間得到60px每個(gè)元素的邊距是30px。

您可能想要做的是使用15px的水平邊距，然后向包含元素添加15px的水平填充。

我不知道目前在IE上發(fā)生了什么，但是如果你浮動(dòng)兩個(gè)元素并且有margin-right:30px；第一頁(yè)，左邊距:30px在第二個(gè)，兩者之間將有60px。所以，我相信它不會(huì)崩潰。

如果有兩個(gè)元素在四邊都有40px的邊距，那么這兩個(gè)元素之間的間距將是80px。