Ross Wan’s World!

Java, Python, Ajax, PHP and Linux.

  • Subscribe

  • 存档

  • 分类

  • 链接

CSS 的 position:relative 和 absolute

Posted by Ross Wan on 八月 22, 2007

        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 方面有不同的规则。

回复

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>