div绝对定位示例

2022-07-15 80酷酷网 80kuku.com

　　原理就是先把html对象的滚动条全部隐藏，再把body当成一个大的div盒子（和div出现滚动条一个原理），让body出现滚动条。这样就会产生一个假像。

方法很简单，不用写一大堆js代码,只用三个css样式就可以搞定。
原理就是先把html对象的滚动条全部隐藏，再把body当成一个大的div盒子（和div出现滚动条一个原理），让body出现滚动条。这样就会产生一个假像。
呵呵。很容易理解吧。

以下是程序代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">*{ margin:0; padding:0;}html{_overflow:hidden;}body{_height:100%; _overflow-y:auto;}#box{ width:100px; height:100px; background-color:#999999; position:fixed;_position:absolute; top:100px; left:100px;}</style></head><body>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容<div id="box"></div></body></html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]