|
1 <html> |
|
2 <head> |
|
3 <title>default box sizing (border-collapse: separate, standards mode)</title> |
|
4 <style type="text/css"> |
|
5 |
|
6 body > div { float: left; clear: left; background: fuchsia; margin: 2px 0; } |
|
7 |
|
8 div.inner { |
|
9 background: yellow; |
|
10 } |
|
11 |
|
12 </style> |
|
13 </head> |
|
14 <body> |
|
15 |
|
16 <div style="width: 200px"> |
|
17 <div style="background: blue; padding: 2px 3px 4px 5px"> |
|
18 <div style="background: fuchsia; padding: 5px 8px 7px 10px"> |
|
19 <div style="background: aqua; padding: 2px 3px 4px 5px"> |
|
20 <div style="background: fuchsia; padding: 5px 7px 9px 11px"> |
|
21 <div class="inner">x</div> |
|
22 </div> |
|
23 </div> |
|
24 </div> |
|
25 </div> |
|
26 </div> |
|
27 |
|
28 <div> |
|
29 <div style="background: blue; padding: 2px 3px 4px 5px"> |
|
30 <div style="background: fuchsia; padding: 5px 8px 7px 10px"> |
|
31 <div style="background: aqua; padding: 2px 3px 4px 5px"> |
|
32 <div style="background: fuchsia; padding: 5px 7px 9px 11px"> |
|
33 <div class="inner" style="width: 200px">x</div> |
|
34 </div> |
|
35 </div> |
|
36 </div> |
|
37 </div> |
|
38 </div> |
|
39 |
|
40 </body> |
|
41 </html> |