css - 图像框对齐问题是 IE

Question

在此处输入图像描述请帮助我在 IE 中解决此问题。它在 Chrome、FF 中运行良好

请检查此 URL http://scs-qa.com/panamera/trading.html

Answer 1

<div class="trading-img-box">
<a href = "javascript:void(0)" onclick = "document.getElementById('trading6').style.display='block';document.getElementById('body-below-otherpage-small-trading').style.display='none'">
<img class="trading-img" src="img/trading6.png">
**<a>**
<h1 class="trading-h1">Marble</h1>
<p class="trading-p">We set ourselves at the..</p>
</div>

在这个框中你没有关闭你的锚标签。

还添加：

<p style="height:0; clear:both;"></p>

为确保您的背景正确包裹，您可以添加溢出：自动。但是我在歌剧中遇到了有时会强制滚动的问题。

Answer 2

这是由于trading-img-box<a>中未关闭的锚标签具有有关信息而发生的<div>Marble

<div class="trading-img-box">
    <a href = "javascript:void(0)" onclick = "document.getElementById('trading6').style.display='block';document.getElementById('body-  below-otherpage-small-trading').style.display='none'">
        <img class="trading-img" src="img/trading6.png">
    <a> <<<<<< ------ Unclosed Anchor Tag
    <h1 class="trading-h1">Marble</h1>
    <p class="trading-p">We set ourselves at the..</p>
</div>

Answer 3

将溢出：自动添加到元素#body-below-otherpage-small-trading