纯css实现div悬浮不动效果

2015-09-16 网页编程网 网页编程网

很多网站使用此法，css实现div悬浮不动效果很简单，代码如下：

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS固定定位</title>
<style type="text/css">
{
padding:0;
margin:0;
}
div{
width:100%;
line-height:30px;
background: red;
border:1px solid #F90;
position:fixed;
top:0px;
left:0px;
}
</style>

</head>
<body>
<div id="fixedLayer">固定不动</div>
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
php教程
</body></html>

阅读原文

阅读 4751

123 显示电脑版