css 让div悬浮,css实现div悬浮不动效果

这在很多网站都常见,比如说美丽说,还有本博,css实现div悬浮不动效果很简单,效果图就如本站所示,实现css代码如下:

CSS固定定位

{

padding:0;

margin:0;

}

div{

width:100%;

line-height:30px;

background: red;

border:1px solid #F90;

position:fixed;

top:0px;

left:0px;

}

固定不动

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教程

要考虑到IE6不兼容问题即可!

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2021 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值