css - 是什么导致了 iPad 上两个 div 之间的细线？

Question

只能在实际的 iPad/iPhone 上查看(不能在任何虚拟版本上查看)我在 this website 上的两个底部 div 之间得到一条细线，几乎难以察觉|

奇怪的是，一旦你放大，这条线就消失了，使用边框或负边距只会让问题变得更糟。(不要评判我的代码，因为基于 CMS 的托管，我不得不跳过很多环节客户强烈不想离开)。

编辑:这是该行在 iPad 上的屏幕截图。您必须单击以放大才能看到它，因为它真的很薄。

还有违规的部分:

<div id="bottom_gradient">
    &nbsp; <br />
    <br />
</div>

<div id="footer">
    <div id="footer_container">
        <div class="content_left_footer">
        <br />          
            <img src="images/slogan_icon.png" />
            </div>
            <div class="contact">
            <b>t.</b> 787.439.0924<br />
            <b>fax</b> 1.888.201.1222<br />
            <b>e-mail:</b> econcepcion@strategies-coaching.com<br />
            P.O. BOX 934 Dorado, P.R. 00646
            <br />
            <br />
            </div>
        </div>
        <div class="content_right_footer">
        <br />
        <br />
        <br />
            <div class="member">
            <br />
            MIEMBRO DE<br />
            <br />
            MEMBER OF
            <br />
            <br />
            </div>
        <div class="images">
        <div class="shrm"></div>
        <div class="icp"></div>
        <div class="astd"></div>
        </div>
        </div>
  </div>
</div></div>
<!-- the line appears above this div -->
<div class="column_center" style="color:white;text-align:center;">
   copyright 2012 Strategies
   <br />
   <br />
</div>

Answer 1

它看起来像你的 <div id="white">背景可能在 <div id="footer"> 之后偷看.尝试移动 <div id="footer"> <div id="white"> 之外和之后看看是否有帮助。

或者如果您不能这样做(或者它不起作用)，请尝试设置 <div id="footer"> 的高度超过需要并设置它的边距，使其延伸到 <div id="white"> 以下, 从而覆盖正在窥视的一点点。