div绝对定位示例

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

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


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

时间： 2024-03-24 04:55:44

div绝对定位示例的相关文章

自适应宽度的div+css示例

自适应宽度的div+css示例 以下是代码:<html> <head> <title>Nice and Free CSS Template 10</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css" media="s

css div绝对定位与固定定位实例

在css中定位div块的位置是非常重要的,如果你掌握不好div的定位你的css写出来会很乱,下面我们要来看看css div绝对定位与固定定位实例,这个我想对你会有帮助的. 第一个css div固定定位实例 <style type="text/css"> p.one { position:fixed; left:5px; top:5px; } p.two { position:fixed; top:30px; right:5px; } </style> </

CSS控制DIV绝对定位、相对定位的技巧

  我们在网页设计中常常会用到position属性,里面有5个值,分别是:absolute.fixed.relative.static.inherit. 常用到的其实就是absolute和fixed. absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位. fixed:生成绝对定位的元素,相对于浏览器窗口进行定位. 这两个值的区别在于,一个是相对于static的父元素定位,一个是相对于浏览器窗口定位. 不少朋友在使用absolute的时候发现它"似乎&quo

JS实现div居中示例_javascript技巧

复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>JS实现div居中</title> <style> /*外层div居中*/ #main { position: absolute; /*极为重要*/ background-color: blue; width:400px; height:200px; /*le

jquery 循环显示div的示例代码_jquery

直接看例子 复制代码 代码如下: for(var p=1; p<=5; p++){ $("#properties"+p).show(); //下面有五个id为properties1 .properties2 .properties3 .properties4.properties5的div //我们用一个语句就让下面五个div显示成功了. } } <div class="banner" id="properties1"> <

鼠标拖动实现DIV排序示例代码_jquery

先上效果图:  对比传统的排序,这是一个很不错的尝试,希望对大家有启发. 大家可以参考我的上一篇博文:http://www.jb51.net/article/42087.htm html部分: 复制代码 代码如下: <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link href="css/c

jquery实现div阴影效果示例代码_jquery

复制代码 代码如下: <html> <head> <style> .mydiv1 {height:250px;width:250px;border:#909090 1px solid;} .mydiv2 { width:250px;height:250;border:#909090 1px solid;background:#fff;color:#333; filter:progid:DXImageTransform.Microsoft.Shadow(color=#90

javascript随机将第一个dom中的图片添加到第二个div中示例_javascript技巧

javascript随机将第一个dom中的图片添加到第二个div中去,此代码的是一个简单的例子,将第一个div中的五张图片中,提取随机两张显示到第二个div中. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=

css div相对定位和div绝对定位详解

 代码如下 复制代码 <style> body {margin: 30px; font-size:9pt;} .a, .b, .c, .d, .e { width: 100px; height: 100px; margin: 5 auto; color: #fff; background: #000; } .aa, .bb, .cc, .dd, .ee { top: 10px; left: 10px; width: 10px; height: 10px; overflow: hidden; b