third_party/WebKit/LayoutTests/fast/table/min-max-width-preferred-size.html

   1 <style>
   2 .child {
   3     width: 75px;
   4     height: 20px;
   5     background-color: salmon;
   6     display: inline-block;
   7 }
   8 .container {
   9     display: inline-block;
  10     border: 5px solid grey;
  11 }
  12 table {
  13     background-color: pink;
  14 }
  15 </style>
  16
  17 <div class="container" data-expected-width=210>
  18     <table style="max-width: 200px">
  19         <td>
  20             <div class="child"></div>
  21             <div class="child"></div>
  22             <div class="child"></div>
  23         </td>
  24     </table>
  25 </div>
  26 <br>
  27
  28 <div class="container" data-expected-width=210>
  29     <table style="width: 100px; min-width: 200px; table-layout: fixed"><td><div class="child"></div></td></table>
  30 </div>
  31
  32 <script src="../../resources/check-layout.js"></script>
  33 <script>
  34 checkLayout('.container');
  35 </script>