請問position:relative後面可以同時設置left和right嗎?如果可以那這兩個同時設置值方向如何取?

02-06

好問題！先上結論：

同時設置 left 和 right 屬性的話，根據文檔方向是 LTR（從左向右），則 left 屬性生效；反之如果是 RTL，則 right 屬性生效。

這裡再補充一點，什麼時候會希望文檔方向使用 RTL 呢？最重要的一個例子就是阿拉伯語的網站，都是從右往左讀的（如阿拉伯半島電視台網站 http://www.aljazeera.net/portal）。而絕大部分的中文、英文網站，都是 LTR 也就是從左向右讀的。

最後補個代碼 JS Bin，可以自己玩玩，更改一下 direction 屬性，看看效果如何。

============================================================

再補充一點，同時設置 top/bottom 時，規則也類似。

今天閑著沒事，看了下w3規範，這裡有解釋。

權當自己mark一下。http://www.w3.org/TR/CSS2/visuren.html#relative-positioning

=========================

這樣就會存在兼容性問題。所以一般只需要設置一個就好啦。

PS：這種問題完全可以自己動手試驗一下嘛。