免费模板网
当前位置: 澳门永利官方网站>CSS代码> 兼容各大浏览器的DIV固定定位方法

CSS代码

兼容各大浏览器的DIV固定定位方法

分类:CSS代码 时间:2009/12/15 11:48:04 浏览:41044 次

演示效果截图

本文地址:http://www.5hawgs.com/css-code/detail-6483.aspx
文章摘要: 兼容各大浏览器的DIV固定定位方法 ,澳门威尼斯人官网澳门现金赌场官方网站澳门银河官方网站,澳门新濠天地官网澳门巴黎人官方网站澳门星际官网。

兼容各大浏览器的DIV固定定位方法

CSS代码

<style type="text/css">
*{margin:0;padding:0;}
html{_overflow:hidden;}
body{_height:100%; _overflow-y:auto;}
#box{width:100px; height:100px;color:#FFF;
background-color:black;position:fixed;
_position:absolute; top:100px;left:100px;}
</style>

HTML代码

<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>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
  内容<br>
</div>
<div id="box">我是固定的</div>
友荐云推荐

上一篇:仿百度贴吧整块div的hover效果

下一篇:利用css的clear属性实现文字环绕图片效果

站长常用工具

最新代码

热门代码

赞助商链接