| <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> |