0

我正在尝试找出一种在页脚顶部和 div 之间留出一定空间的方法。

现在每个页面都有不同的大小,我正在手动调整它。我遇到的最大问题是跨不同格式的网络浏览器,我的手动空间正在发生变化。在几页上,我有一个 js 问卷,当问卷完成后,我的 div 会滑到我的后退和下一步按钮的顶部。我通过为它创建一个新的 CSS 样式来纠正这个问题。有没有办法可以设置我的 div(这是一个带文本的框)在每个页面上与页脚和每个浏览器的距离相同。现在我的代码只能在 IE9 中正常工作。

这是我正在使用的 CSS:

#mainInfoBox
{

margin-bottom:-35px; !important;    
clear:both;
min-height:2em;
height: auto !important;
height:32px;
padding: 2px 3px 0 3px;
border: 1px solid #4c6352;
background-color:#f2f684;
color:#000;
font-family:Tahoma, Geneva, sans-serif;
text-align:center; 
display:block;
position: relative;
}

这就是我在 html 中使用的内容,尽管每个页面上的值都会发生变化:

<div id="mainInfoBox" style="margin-top:193px; clear:both">Blah Blah Blah</div>
4

1 回答 1

0

假设你的页脚在每一页上都是一样的,你可以设置一个固定的高度,或者至少计算它的高度。然后使用底部属性将您想要的 div 绝对定位在其顶部,如下所示:

footer { height: 250px; }
#mainInfoBox { 
    position: absolute;
    bottom: 260px; /* so it is 10px on top of the footer */
}
于 2013-06-13T18:28:03.717 回答