blob: 05298fc7e8d65caca6edc18040aa3f3219a873d0 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
<!-- absolute, display: inline-block -->
<div style="position: relative">
<br>
<div>
line
<div style="display: inline-block; position: absolute; top: 0; left: 0; background-color: red">
absolute 1
</div>
<!-- TODO I don't really understand why, but this should overprint
"two", not the other way around.
<div style="display: inline-block; position: absolute; background-color: red">
absolute 2
</div>
-->
two
<div style="display: inline-block; position: absolute; background-color: red">
absolute 2
</div>
</div>
</div>
<!-- absolute, display: block -->
<div style="position: relative">
<br>
<div>
line
<div style="position: absolute; top: 0; left: 0; background-color: blue">
absolute 3
</div>
four
<div style="display: block; position: absolute; background-color: yellow">
absolute 4
</div>
</div>
</div>
|