关于页面定位问题的几个经验

 

1.对于 外层不管是relative定位还是absolute定位的，内层（relative定位)height过大时，会将外层撑起来,似乎外层的height=内层的relative的height之和 ,同理有width

2 外层的text-align决定了内层参照系的原点所在位置

3所谓的x，y坐标其实就是每个层的左右边界且仅为左右边界和对应原点间的距离（带方向）.  

4所谓选择“最近”的具有定位的……为参考系 ，其中“最近”是在于有(div)嵌套关系时有效,当相互之间没有父子容器关系时，选参考是还是以浏览器为参考的

5.定位发生改变时，因为没有定位设置时，在body中是由从左到右，从上到下进行排列的，所以左右优于上下，内层有相对定位是似乎只改变x坐标，y坐标似乎和绝对定位是一个效果

6部分实验显示相对定位移动的距离是相对与如果它是绝对定位时的位置来定的，正如有些资料上说的相对定位是关于自身的偏移量，也就是说设置的位置关于他分配到的位置的位移

7同一水平(y轴方向该条不成立,而且同一水平也不是严格的，也就是说只要他有一点是浏览器坐标系中最左最右的就行)的几个层如果第一个（最左边的）是相对定位，其它是绝对定位，那么第一个水平方向怎么移动，该层其他的也会作出相同的移动,如果该层除了最左边之外还有层A是相对定位的，那么A就照它本身的设置去移动，而不是跟着最左边的平行移动,不同的是最右边的不会有同样效果

8一些实验说明相对定位中自身是body中按照不定位时的规则的位置,经过寻找原点的实验，我猜想其实他的相对定位中的自身位置就是：例如在最外层规定居中(text_align:center)时，一个层居中显示，这个位置就是他的初始位置，他的起始位置或者说原点在于他的左上角