zalan@apple.com | 1aa8ec5 | 2018-11-16 14:51:36 +0000 | [diff] [blame] | 1 | <style> |
2 | .inlineContextRoot { | ||||
3 | border: 1px solid green; | ||||
4 | width: 200px; | ||||
5 | height: 200px; | ||||
6 | overflow: hidden; | ||||
7 | } | ||||
8 | |||||
9 | .blockContextRoot { | ||||
10 | position: absolute; | ||||
11 | left: 50px; | ||||
12 | top: 50px; | ||||
13 | border: 1px solid blue; | ||||
14 | } | ||||
15 | |||||
16 | .inlineBlock { | ||||
17 | display: inline-block; | ||||
18 | position: relative; | ||||
19 | } | ||||
20 | </style> | ||||
21 | |||||
22 | <div class=inlineContextRoot>inline<span class=inlineBlock><span class=blockContextRoot>absolute positioned content</span></span>content</div> |