兩個浮動div，一個在下面。在每個瀏覽器的工作原理，除了IE

Question

所以我有一個HTML的結構是這樣的：

<div id="contact-wrapper"> 
    <div> 
     <h4>België</h4> 

     <p>Tuinwijklaan 79<br /> 
     9000 Gent<br /> 
     Tel. 0468/115967<br /> 
     info@echomedic.be<br /> 
     </p> 
    </div> 
    <div> 
     <h4>Nederland</h4> 

     <p>Kerkstraat 423-C<br /> 
     1017 HX Amsterdam<br /> 
     Tel: +32 468 11 59 67<br /> 
     info@echomedic.nl </p> 
    </div><br /> 
    <a id="link-contact" href="#">Contacteer ons</a> 
</div> 

兩個div的顯示彼此相鄰，並且在它的鏈接，就像這樣：

但在IE9也這樣表示：

這是我的div CSS：

footer div#contact-wrapper, footer h1 { 
    float: left; 
} 

footer div#contact-wrapper div { 
    margin: 16px 0px 0px 45px; 
    float: left; 
} 

footer div#contact-wrapper div:first-of-type { 
    padding-right: 30px; 
    margin-left: 60px; 
    border-right: 1px dashed #a3b0b9; 
} 

footer div#contact-wrapper a#link-contact { 
    display: inline-block; 
    background: #ffffff url('../img/contact-arrow.gif') no-repeat 95% center; 
    border: 4px solid #bbc2c7; 
    font-size: 12px; 
    color: #bbc2c7; 
    margin: 5px 0px 0px 60px; 
    padding: 3px 0px 3px 5px; 
    width: 150px; 
} 

Answer 1

取出<br>，並添加到您的CSS：

footer div#contact-wrapper a#link-contact { 
    clear: left; 
    display: block; 
}