Wed, 31 Dec 2014 13:27:57 +0100
Ignore runtime configuration files generated during quality assurance.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 table {
6 margin: 0;
7 padding: 0
8 width: 50px;
9 height: 50px;
10 border-collapse: collapse;
11 }
12 tr {
13 height: 50px;
14 }
15 td {
16 width: 50px;
17 margin: 0;
18 padding: 0;
19 }
20 tbody {
21 height: 50%;
22 }
23 #rel {
24 position: relative;
25 }
26 .abs {
27 position: absolute;
28 margin: 0;
29 padding: 0;
30 bottom: 25px;
31 right: 25px;
32 width: 50px;
33 height: 50px;
34 background-color: green;
35 }
36 #bad {
37 background-color: blue;
38 }
39 #bottomright {
40 position: absolute;
41 margin: 0;
42 padding: 0;
43 bottom: 0;
44 right: 0;
45 width: 100px;
46 height: 100px;
47 overflow: visible;
48 }
49 </style>
50 </head>
51 <body>
52 The green square should not completely cover the blue square.
53 <div class="abs" id="bad"></div>
54 <div id="bottomright">
55 <table>
56 <tfoot id="rel">
57 <tr>
58 <td>
59 <div class="abs"></div>
60 </td>
61 </tr>
62 </tfoot>
63 </table>
64 <table>
65 <tbody>
66 <tr></tr>
67 </tbody>
68 </table>
69 </div>
70 </body>
71 </html>