calc-rounding.html | Explore in Territory

<style>
  #outerDiv, #innerDiv, #remainderDiv
  {
      background-color: green;
      height: 100.5px;
  }
  #outerDiv
  {
      width: 100.5px;
      background-color: red;
  }
  #innerDiv {
      width: calc(100% - 10.5px);
      float: left;
  }
  #remainderDiv
  {
      width: 10.5px;
      float: left;
  }
</style>
<script src="../../resources/check-layout.js"></script>
<body onload="checkLayout('#outerDiv')">
  <p>Test that a calc() with a percentage against a containing block with a
fractional width does not round to integer.</p>
  <div id="outerDiv" data-expected-width="100.5" data-expected-height="100.5">
    <div id="innerDiv" data-expected-width="90" data-expected-height="100.5"></div>
    <div id="remainderDiv" data-expected-width="10.5" data-expected-height="100.5"></div>
  </div>
</body>

chromium/third_party/blink/web_tests/fast/css/calc-rounding.html