让DIV一直固定在屏幕的某个位置示例代码_Div+CSS教程_CSS

让DIV一直固定在屏幕的某个位置示例代码_Div+CSS教程_CSS_网页制作

2013-11-19 13:30:09 [小大] 已经帮助：人解决问题

点评：可能会有这样的一个需求就是让DIV一直固定在屏幕的某个位置，在某些情况下还是比较实用的，下面有个不错的示例，感兴趣的朋友可以参考下

复制代码

代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
#low_right
{
position: fixed;
width: 90px;
height: 90px;
background: #eee;
bottom: 40px;
right: 20px;
background-color: #DCFCE9;
border: 8px double #06F867;
text-align: center;
padding: 10px;
margin: 10px;
}
</style>
</head>
<body>
<script type="text/javascript">
for (var i = 0; i < 100; i++) {
document.write((i + 1) + "
");
}
</script>
<div id="low_right">
右下角
</div>
</body>
</html>

（责任编辑：）