Ross Wan's World!

Python, Ajax, PHP and Linux.

Archive for 2007年8月22日

CSS 的 position:relative 和 absolute

Posted by Ross Wan 于 2007/08/22

        CSS 中的 relative position 是相对位置的意思,相对是跟其所在的 Container 而言的,而不是大家普遍认为的跟其同级而在其前面的 Boxer 的底部。它的基点是它在 Normal Flow 的位置,也即是当它的没有设置 positon 时或者 position 为 static(默认值) 时的位置。

还有一点,positon 设置为 relative 的 Boxers 也是可以层叠的!Relative 跟 Absolute 的区别主要在于 absolute 并不在Normal flow。Absolute 虽然是绝对位置,但也是相对于它的 Container 而言的,它的基点是 Container 的原点(0,0)。还有就是 relative 和 absolute 在 margin 方面有不同的规则。

Posted in Javascript | Leave a Comment »