在屏幕底部放置div

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自动具有55像素的高度。在这种情况下，广告下方会出现5px的空白。如果我设置height:50px;问题可以解决，但它会产生另一个问题（我必须检查用户是否具有大于768px的宽度，并为他/她的表格版本化谷歌广告等。）

那么为什么会出现这个“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; 
}