css实现定位
来源:互联网 发布:笔记本哪个防护软件好 编辑:程序博客网 时间:2024/05/20 00:50
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#fixed{position:fixed;top:10px;right:0px;} 针对IE7、Opera、Firefox一行搞定
</style>
IE6中利用容器对溢出内容的处理方式来实现的
<!--[if IE 6]>
<style type="text/css">
html{overflow:hidden;}
body{height:100%;overflow:auto;}
#fixed{position:absolute;right:17px;}
fixed元素的绝对位置是相对于HTML元素来说,滚动条是body元素的,这是设置right:17px的原因
</style>
<![endif]-->
<!--[if lt IE 6]>
<style type="text/css">
#fixed{position:absolute;top:expression(eval(document.body.scrollTop + 50));}
</style>
<![endif]-->
</head>
<body>
<div id="wrapper">
......
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="fixed"><h2>{position:fixed}</h2></div>
</body>
</html>
- css实现表格定位
- css实现定位
- CSS Sprite定位实现
- css实现相对定位实例
- CSS实现绝对定位居中
- css绝对定位实现居中
- CSS实现相对浏览器窗口定位
- CSS:绝对定位元素实现水平居中
- 前端网页css实现固定定位
- 用css实现的固定定位
- CSS定位
- CSS定位
- CSS定位
- CSS定位
- CSS定位
- CSS定位
- CSS定位
- css 定位
- HI
- 多表查询分页
- Fedora13中Firefox为何巨慢
- WinDBG双机调试配置
- sql server出现选定的用户拥有对象而无法删除
- css实现定位
- CSS缩写技巧
- SQL语句优化
- Asp.net页面生命周期中的十个事件
- 浏览器兼容问题讨论(1)
- 学习asp.net比较完整的流程
- 滚动条CSS样式集合
- 如何建立索引,提高查询速度
- 应用程序池属性详解及配置