Html 在屏幕底部放置一个div

Html 在屏幕底部放置一个div,html,css,adsense,Html,Css,Adsense,我将谷歌Adsense的广告添加到页面底部。Adsense在我的div中创建了一个iframe,并将其广告放进去。(我更改了iframe的src并添加了1px边框以演示小提琴)我将此功能用于智能手机和平板电脑用户 小提琴: .美育中心{ 文本对齐:居中; } 当我创建它时,mydiv自动具有55px的高度。在这种情况下,广告下方存在5px的间隙。如果我设置高度:50px问题解决了,但它产生了另一个问题(我必须检查用户的宽度是否大于768px,并为他/她提供表格版本的谷歌广告等) 那么为什么会

我将谷歌Adsense的广告添加到页面底部。Adsense在我的div中创建了一个iframe,并将其广告放进去。(我更改了iframe的src并添加了1px边框以演示小提琴)我将此功能用于智能手机和平板电脑用户

小提琴:


.美育中心{
文本对齐:居中;
}
当我创建它时,mydiv自动具有55px的高度。在这种情况下,广告下方存在5px的间隙。如果我设置
高度:50px问题解决了,但它产生了另一个问题(我必须检查用户的宽度是否大于768px,并为他/她提供表格版本的谷歌广告等)

那么为什么会出现这个“5px”?我看不到任何边框、底边等?
我怎样才能把这把提琴粘到底?

试试这把小提琴。 在样式中设置:线条高度:0

HTML:


你的css有一个输入错误。身高规格前需要分号。
<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;
}
<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>
.my_center {
    text-align:center;
}