CSS中relative和absolute浅谈

position它的四个定位属性其中两个比较重要，即：absolute和relative。 
    absolute(绝对定位): 
第一、如果它没有父级DIV，则它会根据浏览器原始点去定位，而且它的最大特点是跟他相邻的DIV则会忽略它的存在，定位后则可用TRBL(top,right,bottom,left)去布局。注意：TRBL必须在设定了position后方可用。 
第二、如果它有父级DIV，那么还要看它的父级DIV是否有position和padding设置,如果有的话，则此DIV会根据父DIV去定位，且有“撑开或占据高度”的作用，如果没有的话，则跟第一种定位没有区别。 
第三、顶级IDV最好别用absolute去定位，否则浏览器分辨率不同会出现问题的，因为它是相对于你的浏览器去定位的，这样你的网页会变形的。 
    relative(相对定位): 
第一、如果没有父级DIV，它和absolute没有区别的。但是顶级DIV最好设成relative定位。 
第二、如果有父级，但父级又没设置position那它还是根据body内容区(切记:是内容区)去定位的，现在发现relative的作用了吧，如果顶级DIV用relative定位则放小窗口也不会影响页面的,但absolute就会全部重叠，可吓人了。 
第三、如果父级设置了position或者padding属性后，则此DIV会根据父DIV去定位。而且有“撑开或占据高度”的作用。