当前位置：首页 → 问答吧 → DIV页面底部对齐与兼容性问题（非跟随浏览器浮动的底部）

DIV页面底部对齐与兼容性问题（非跟随浏览器浮动的底部）

时间：2011-10-09

来源：互联网

以下代码，在IE8，IE9，Firefox浏览器上是可以排列在footer上面的DIV之下的。但是在腾讯TT，搜狗，遨游，Chrome浏览器都浮在页面中间，不能往底部对齐，这种情况怎么处理？朋友们看清楚，footer是一个独立的DIV哦。

HTML code


<style type="text/css">
#footer{ width:100%; background:#001236; height:36px;}
</style>


<div id="...">...</div>
<div id="...">...</div>
<div id="...">...</div>

<div id="footer">Footer</div>

作者: email21 发布时间: 2011-10-09

有人吗？
还是我的提问阐述的不够清楚？

作者: email21 发布时间: 2011-10-09

你可以尝试着将这些DIV放在同一个DIV里面，这样做的话基本上能够避免因为浏览器不同导致的布局不同。

作者: comeonebaby 发布时间: 2011-10-09

所有浏览器显示都一样啊 footer在最下面。还有id是唯一的。

作者: athrunzero 发布时间: 2011-10-09

上边的div没有设置高度或是没有内容吧

作者: nmglhq2010 发布时间: 2011-10-09

DIV页面底部对齐与兼容性问题（非跟随浏览器浮动的底部）

热门阅读

热门下载