这个练习主要简单的展示了据对定位和相对定位；
在此说下html的定位：
1.static定位
这个是默认的方式，对static而言，left和right是不生效的。
2.relative定位（相对定位）
元素框偏离自身流对应的位置（靠left和top定位），元素仍然保持为定位前的形状，它原本所占的空间仍保留，从这一角度看，好像该元素仍然在文档流/标准流中一样。
注意：relativ...
分类：
Web程序 时间：
2014-07-14 13:32:46
阅读次数：
277
先搞offsetTop，最难懂的就是它了 官方解释：返回当前元素的上边界到它的包含元素的上边界的偏移量，以像素为单位。这真TM坑爹啊！有木有！经过仔细研究查找得出结论：offsetTop是相对于离它最近的具有绝对或相对定位的父级元素的距离，有点绕口是不是？别急，咱慢慢剥开它...首先一定要明...
分类：
其他好文 时间：
2014-07-06 21:42:04
阅读次数：
192
闲来无事，逛园子，充充电。发现了一个挺有意思的博文，自己玩了一把。第一题：使用 HTML+CSS 实现如图布局，border-widht 1px，一个格子大小是 60*60，hover时候边框变为橘红色（兼容IE6+，考虑语义化的结构）效果图: 简单分析一下： 使用伪类 :hover的时候相对定位....
分类：
其他好文 时间：
2014-07-03 06:02:04
阅读次数：
315
position relative 设置区块基准点为左上角(相对定位 以区块的左上角为基准点 仍然会暂居原来的位置) absolute 设置网页的为基准点左上角（绝对定位 以网页的左上角为基准点 不会暂居原来的位置） static 无设置 left aut...
分类：
Web程序 时间：
2014-07-02 19:46:21
阅读次数：
180
position属性 拥有三种形式： A.静态定位 （没有设置position属性的默认状态，元素依然处于标准文档流中） B.相对定位 C.绝对定位 可设置四种属性值： static（静态定位） relative（相对定位） absolute（绝对定位）---...
分类：
其他好文 时间：
2014-06-28 14:42:00
阅读次数：
194
position属性：用来对元素进行定位定位的意义：定位允许你定义元素框相对于其正常位置应该出现的位置、相对于父元素、相对于另一个元素、相对于浏览器窗口本身的位置。定位分为：绝对定位和相对定位。相对定位：如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，..
分类：
Web程序 时间：
2014-06-26 06:33:21
阅读次数：
189
一、web标签的含义：web标签的语义化是指用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和搜索引擎都容易理解。二、html布局的三种方式：1.自然布局。没有任何修饰的布局是自动靠左的。2.流动布局上面讲的float:left的情况。3.定位布局相对定位和绝对定位都是相对于父div标...
分类：
Web程序 时间：
2014-06-07 04:18:40
阅读次数：
267
子类的position：absoulte;父类元素只有相对定位后，移动位置，子类才能跟着移动
子节点 firstChild firstElementChild lastChild last...
分类：
编程语言 时间：
2014-06-02 01:39:07
阅读次数：
308
一直，我是认为定一个width，然后写一句margin:0
auto,就可以，但是有时也会不管用。 例如当我要定一个宽度为700的div，用相对定位定在中间。任你怎么拉伸都是居中。 看实例子 无标题文档 R6
BRANCH...
分类：
Web程序 时间：
2014-05-29 11:37:58
阅读次数：
226
