我正在尝试找出一种在页脚顶部和 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>