Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 #rel {
6 position: relative;
7 margin: 2px;
8 padding: 0;
9 }
10 .abs {
11 position: absolute;
12 margin: 0;
13 padding: 0;
14 top: 25px;
15 left: 25px;
16 width: 50px;
17 height: 50px;
18 background-color: green;
19 }
20 #bad {
21 background-color: blue;
22 }
23 </style>
24 </head>
25 <body>
26 The green square should not completely cover the blue square.
27 <div class="abs" id="bad"></div>
28 <div style="position: relative">
29 <div id="rel">
30 <div class="abs"></div>
31 </div>
32 </div>
33 </body>
34 </html>