third_party/WebKit/LayoutTests/fast/table/table-in-table-percent-width-collapsing-border.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4 <!-- https://bugs.webkit.org/show_bug.cgi?id=72180 : CSS table with 100% width overflow their container block -->
   5 <!-- The test passes if the inner table has 2 seperate borders in all corners. -->
   6 <div style='display:table; border: 1px solid black; width: 500px; height: 500px; padding: 10px;'>
   7   <div style='display:table-row; border: 1px solid red;'>
   8     <div style='display:table-cell; border: 1px solid blue;'>
   9       <div style='display:table; border-collapse: collapse; border: 1px solid green; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box;'>
  10         <div style='display:table-row; border: 1px solid cyan;'>
  11           <div style='display:table-cell; border: 1px solid magenta;'>
  12           </div>
  13         </div>
  14       </div>
  15     </div>
  16   </div>
  17 </div>
  18 </body>
  19 </html>