Question

我试图在绝对定位的div下面添加一个“margin”，它位于页面的完整底部。

我尝试了两种方法。

首先，我试图添加：

body {
    padding-bottom:30px;
}

然而，这没有任何作用，因为div绝对定位，因此不会受到填充的影响。

我还尝试使用以下方法：

#formwrap {
    margin-bottom:30px;
}

这也没有用，因为div位于页面的底部，并没有任何空间可以自由（也许我说错了 - 但它仍然不起作用）。

是否还有其他工作方法可以在div和页面底部之间创建空间？

干杯。

这是HTML：

<div id="formwrap">
<p>______________________________________________________________________</p>
<p>Welcome to Engage Arcade, an arcade gaming website developed by Engage Entertainment.</p>
<p>______________________________________________________________________</p> 

<br/>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fengagearcade&amp;width=490&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=true&amp;header=true&amp;height=435" scrolling="yes" frameborder="0" style="border:none; overflow:hidden; width:100%; height:396px; background: white; float:left; " allowTransparency="true"></iframe>

</div>

（iframe与问题无关 - 我在每个页面都有相同的formwrap div，每个页面都有相同的问题）。

这是CSS：

#formwrap {
 width: 700px;
 opacity:0.8;
 z-index:2;
 font: 15px Georgia, "Times New Roman", Times, serif;
 color: #FFFFFF;
 text-align:center;
 position:absolute;
 margin-left:-350px;
 left:50%;
 top:300px;
 border-radius:10px;
 border-style:solid;
 border-color:white;
 border-width:2px;
 overflow:auto;
 background-color:#000;
 padding:7px;
 box-shadow: 0px 0px 0px 4px rgba (255,255,0,0.9);
}

Answer 1

在底部添加边距底部，并定义与底部边距相同的绝对div的底部值。

页面底部绝对定位div下面的空格

1 个答案: