|
1 <!DOCTYPE html> |
|
2 <html> |
|
3 <head> |
|
4 <title>Bug 746015: Off-screen overflow column rules are not properly drawn.</title> |
|
5 <style type="text/css"> |
|
6 * { |
|
7 margin: 0 0; |
|
8 padding: 0 0; |
|
9 } |
|
10 |
|
11 body,html { |
|
12 padding: 0 0; |
|
13 margin: 0 0; |
|
14 line-height: 1.0; |
|
15 } |
|
16 |
|
17 div.column1 { |
|
18 display: inline-block; |
|
19 width: 180px; |
|
20 height: 175px; |
|
21 vertical-align: top; |
|
22 white-space: no-wrap; |
|
23 } |
|
24 |
|
25 div.content { |
|
26 width: 180px; |
|
27 height: 175px; |
|
28 background: blue; |
|
29 } |
|
30 |
|
31 div.column2 { |
|
32 display: inline-block; |
|
33 width: 180px; |
|
34 height: 175px; |
|
35 vertical-align: top; |
|
36 } |
|
37 |
|
38 div.colgap { |
|
39 display: inline-block; |
|
40 background-color: green; |
|
41 width: 10px; |
|
42 height: 175px; |
|
43 } |
|
44 </style> |
|
45 </head> |
|
46 <body> |
|
47 <div class="column1"><div class="content"></div></div><div class="colgap"></div><div class="column2"><div class="content"></div></div> |
|
48 </body> |
|
49 </html> |