div固定页面右下角实现

最新推荐文章于 2023-07-03 06:00:51 发布

sfSam

最新推荐文章于 2023-07-03 06:00:51 发布

阅读量1.6k

点赞数 1

分类专栏： HTML javascript

本文链接：https://blog.csdn.net/sfSam/article/details/84351708

版权

本文介绍如何使用CSS将一个元素固定在网页的右下角，即使在滚动页面时，该元素始终保持其位置不变。通过设置position属性为fixed，结合bottom和right属性可以实现这一效果。

摘要由CSDN通过智能技术生成

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>使用CSS将Div固定在窗口的右下角</title> 
<style> 
#INDEXT_RB_AD{ 
clear:both; width:200px; height:100px; z-index:1000; overflow:hidden; border:1px #ccc solid; 
bottom:5px; right:5px; 

/* 火狐、Google浏览器只需要后面这一句代码即可 */ 
position:fixed !important; 

/* 以下代码是针对IE6的 */ 
_position:absolute; 
_top: expression( eval( document.documentElement.scrollTop + document.documentElement.clientHeight - this.offsetHeight - (parseInt(this.currentStyle.marginTop,10)||0) - (parseInt(this.currentStyle.marginBottom,10)||0) ) - (parseInt(this.currentStyle.bottom,10)||0) ); 
} 
</style> 
</head> 
<body> 
<div style="height:2000px;">使用CSS将Div固定在窗口的右下角</div> 
<div id="INDEXT_RB_AD" style="display:;"> 
<div align="right" style=" widt

最低0.47元/天解锁文章

sfSam

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
div固定页面右下角实现

&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;使用CSS将Div固定在窗口的右下角&lt;/title&gt; &lt;style&gt; #INDEXT_RB_AD
复制链接

扫一扫

专栏目录