弹出框固定定位

最新推荐文章于 2021-06-08 14:35:17 发布

a734998102

最新推荐文章于 2021-06-08 14:35:17 发布

阅读量963

点赞数

<!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" xml:lang="UTF-8">
<head>
<title>跨浏览器固定定位</title>
<style type="text/css">
*{margin:0;padding:0;}
html{_overflow:hidden;}
body{_height:100%; _overflow-y:auto;}
#box{width:100px; height:100px;background-color:black;position:fixed;_position:absolute; top:100px; left:100px;}
</style>
</head>
<body>
<div>
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内容 
内1111容 
</div>
<div id="box"></div>
</body>

</html>

试验过的好用自己调整位置即可

a734998102

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
弹出框固定定位

跨浏览器固定定位 *{margin:0;padding:0;} html{_overflow:hidden;} body{_height:100%; _overflow-y:auto;} #box{width:100px; height:100px;background-color:black;position:fixed;_position:absolute; to
复制链接

扫一扫