关于CSS中 position在布局中非常重要，查了很多资料都说的很难理解，下面说说个人的理解：
语法：
position： relative | absolute
relative： 对象遵循常规流，并且参照自身在常规流中的位置通过top，right，bottom，left属性进行偏移时不影响常规流中的任何元素。
absolute： 对象脱离常规流，使用top，right，b...
分类：
Web程序 时间：
2014-10-24 20:45:38
阅读次数：
179
position:relative日常应用的时候一般是设置给position:absolute;的父层的,
父层position:relative; 子层position:absolute;的话, 就是依照父层的边界进行定位的,
不然position:absolute 会逐层向上寻找设置了position:relative的元素边界, 直到body元素..
第一种写法（连同CSS一起追...
分类：
Web程序 时间：
2014-10-24 14:39:12
阅读次数：
332
relative、absolute和float position:relative和position:absolute都可以改变元素在文档中的位置，都能激活元素的left、top、right、bottom和z-index属性。（默认这些属性未激活，设置了也无效） 设置position:relat.....
分类：
其他好文 时间：
2014-10-24 12:35:23
阅读次数：
178
元素排版默认为文档流，脱离文档流（1.position：relative2.position：absolute）relative中top属性不能用百分比，absolute中margin：auto无效。
分类：
其他好文 时间：
2014-10-24 11:09:57
阅读次数：
129
在做的过程中，发现了一个很简单却又很多人应该碰到的问题，设置Z-INDEX属性无效。在CSS中，只能通过代码改变层级，这个属性就是z- index，要让z-index起作用有个小小前提，就是元素的position属性要是relative，absolute或是fixed。1.第一种情况（z-index...
分类：
Web程序 时间：
2014-10-23 19:13:09
阅读次数：
153
.out{ border-top:40px #f0efeb solid;/*上边框宽度等于表格第一行行高*/ border-left:200px #e6faf9 solid;/*左边框宽度等于表格第一行第一格宽度*/ position:relative;/*让里面的两个子容器绝对定位*/ }....
分类：
其他好文 时间：
2014-10-23 17:34:24
阅读次数：
118
offsetLeft 获取的是相对于父对象的左边距left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于...
分类：
其他好文 时间：
2014-10-22 23:18:05
阅读次数：
171
1.定位的专业解释 (1)语法 position:static|absolute|fixed|relative (2)说明 从上面语法可以看出，定位的方法有很多种，它们分别是静态(static)，绝对定位(absolute)，固定(fixed)，相对定位 (relative)。在这个教程里，...
分类：
Web程序 时间：
2014-10-22 12:33:36
阅读次数：
249
一、物理路径
物理路径的英文全称是：Physical path，它就是指硬盘中文件的路径，比如下面的文件位置表示方法： D:\A\B\a.html
D:\A\B\C\b.html
D:\A\B\C\c.html
D:\A\B\C\D\d.html
二、相对路径
相对路径的英文全称是：Relative Path，下面我们利用...
分类：
其他好文 时间：
2014-10-21 23:18:36
阅读次数：
208
一、效果图按钮可以多次点击。二、HTML+CSS代码。<style>.box{width:800px;margin:90pxauto;}.btn{padding:5px10px;color:#fff;background:#ff6600;cursor:pointer;font-size:16px;border-radius:5px;}.list{position:relative;margin-top:20px;}.listli{width:48px;heig..
分类：
Web程序 时间：
2014-10-21 19:58:42
阅读次数：
823
