subpixel-table-cell-width-002.html (940B)
1 <!DOCTYPE html> 2 <link rel="author" title="David Grogan" href="dgrogan@chromium.org"> 3 <link rel="help" href="https://www.w3.org/TR/CSS21/cascade.html#value-stages"> 4 <link rel="match" href="subpixel-table-cell-width-001-ref.html"> 5 <meta name="assert" content="When a cell has a specified percent width that results in a fractional used width, the cell's actual width should match that of a block whose specified fixed width is the cell's used width" /> 6 7 <style> 8 .table { 9 display: table; 10 height: 20px; 11 background: red; 12 } 13 .cell { 14 display: table-cell; 15 } 16 div > div:first-child { 17 background: blue; 18 } 19 div > div:nth-child(2) { 20 background: lime; 21 } 22 </style> 23 24 25 <div class=table style="width:7.2px;"> 26 <div class=cell style="width:50%;"></div> 27 <div class=cell style="width:50%;"></div> 28 </div> 29 30 <br><br> 31 32 <div class=table style="width:6.6px;"> 33 <div class=cell style="width:50%;"></div> 34 <div class=cell style="width:50%;"></div> 35 </div>