third_party/WebKit/LayoutTests/fast/css/calc-rounding.html

   1 <style>
   2   #outerDiv, #innerDiv, #remainderDiv
   3   {
   4       background-color: green;
   5       height: 100.5px;
   6   }
   7   #outerDiv
   8   {
   9       width: 100.5px;
  10       background-color: red;
  11   }
  12   #innerDiv {
  13       width: calc(100% - 10.5px);
  14       float: left;
  15   }
  16   #remainderDiv
  17   {
  18       width: 10.5px;
  19       float: left;
  20   }
  21 </style>
  22 <script src="../../resources/check-layout.js"></script>
  23 <body onload="checkLayout('#outerDiv')">
  24   <p>Test that a calc() with a percentage against a containing block with a
  25 fractional width does not round to integer.</p>
  26   <div id="outerDiv" data-expected-width="100.5" data-expected-height="100.5">
  27     <div id="innerDiv" data-expected-width="90" data-expected-height="100.5"></div>
  28     <div id="remainderDiv" data-expected-width="10.5" data-expected-height="100.5"></div>
  29   </div>
  30 </body>