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