在屏幕底部放置一个 div答案

【问题标题】：Putting a div on the bottom of screen在屏幕底部放置一个 div
【发布时间】：2014-03-02 22:40:12
【问题描述】：

我将 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 放在底部？

【问题讨论】：

您的 css 中有错字。在您的身高规格之前需要半冒号。

标签： html css adsense

【解决方案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;
}

【讨论】：