如何让DIV固定在页面而不随着滚动条随意滚动
2个回答
展开全部
可以用position的fixed属性,这个属性的功能就是使元素的定位方式为固定的,这样就可以让div不随滚动条滚动而改变位置。
下面举个例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>主页</title>
<style>
#cen
{
position: fixed;
left: 10px;
top:100px;
width: 100px;
height: 100px;
background-color: aqua;
}
</style>
</head>
<body>
<div id="cen"></div>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询