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

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