html - おじいちゃんで相対位置を設定する方法！エレメント？

Question

私はこのようなレイアウトを持っています:

<div class='one'>
   <div class='two'>
       <div class='three'>some text</div>
   </div>
</div>

oneCSSで祖父要素( )に合わせて3つの相対位置を設定することはできますか?

これを見てください： http://jsfiddle.net/chalist/H48Je/