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