Ross Wan's World!

Python, Ajax, PHP and Linux.

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

Advertisements

发表评论

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 更改 )

Twitter picture

You are commenting using your Twitter account. Log Out / 更改 )

Facebook photo

You are commenting using your Facebook account. Log Out / 更改 )

Google+ photo

You are commenting using your Google+ account. Log Out / 更改 )

Connecting to %s

 
%d 博主赞过: