龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

css实现div居底效果,div居底代码下载

时间:2009-12-21 11:47来源:未知 作者:admin 点击:
分享到:
想实现div广告一直在页面的底部显示,无论是滚动页面等DIV层的广告都只显示到底部,于是找到如下代码可以实现,请看。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

想实现div广告一直在页面的底部显示,无论是滚动页面等DIV层的广告都只显示到底部,于是找到如下代码可以实现,请看。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>浮动</title>
<style type="text/css">
#postBar {
position:fixed;
left:0px;
bottom:0;
_position:absolute;
_top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);
}
</style>
</head>
<body>postBar
<div style="height:1000px;"></div>
<div id="postBar"><img src="样本.gif" alt="广告" /></div>
</body>
</html>

精彩图集

赞助商链接