纯css实现div悬浮不动效果-网页编程网

当前位置：主页 >> 网页特效 >> 正文

纯css实现div悬浮不动效果

阅读：4750 输入：2015-09-16 13:34:29

很多网站使用此法，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>

上一篇：css控制选中文本时的颜色
下一篇：myeclipse的web部署与tomcat的文件关联

相关阅读: 一行三列自适应的CSS列表布局; div+css最小高度最小宽度兼容各浏览器的代码示例; 图像始终固定在网页中，随滚动条移动