Question

我将Google Adsense的广告添加到我的页面底部。 Adsense在我的div中创建了一个iframe并将其广告放入其中。（我更改了iframe的src并添加了1px边框以演示小提琴）我将它用于智能手机和平板电脑用户。

小提琴：http://jsfiddle.net/mavent/Hpm6L/12/

<div id="mydiv" class="row my_center hidden-print" 
    style="position:fixed;bottom:0;left:0;right:0;/* height:50px; */
           border: 1px solid red;">
  <iframe id="aaaa" name="aaaa" width="320" height="50" frameborder="0"
     src="http://www.wsj.com" marginwidth="0" marginheight="0" vspace="0"
     hspace="0" allowtransparency="true" scrolling="no">
  </iframe>
</div>

.my_center {
    text-align:center;
}

当我创建它时，mydiv自动具有55px的高度。在这种情况下，广告下方存在5px的差距。如果我设置了height:50px;问题，但会产生另一个问题（我必须检查用户的宽度是否大于768px，并为他/她的桌面版Google广告等提供服务。）

为什么这个“5px”会出现？我看不到任何边界，底边缘等？我该如何将这个div粘在底部？

Answer 1

试试这个小提琴。在你的样式中设置：line-height：0;

http://jsfiddle.net/Hpm6L/14/

HTML：

<div class="row my_center hidden-print" style="position:fixed;bottom:0;left:0;right:0;11height:50px;border: 1px solid red;line-height:0;">
            <iframe id="aaaa" name="aaaa" width="320" height="50" frameborder="0" src="http://www.wsj.com" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no"></iframe></div>

CSS：

.my_center {
    text-align:center;
}

在屏幕底部放置一个div

1 个答案: