所以我有一个如下所示的 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;
}
最佳答案
删除 <br>
并将其添加到您的 CSS 中:
footer div#contact-wrapper a#link-contact {
clear: left;
display: block;
}
关于html - 两个 float 的 div,一个在下面。适用于除 IE 之外的所有浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12250284/