Index: LayoutTests/fast/css/calc-rounding.html |
diff --git a/LayoutTests/fast/css/calc-rounding.html b/LayoutTests/fast/css/calc-rounding.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..230b36e9059aa5c7fc0c8a166a242e63aa6d3872 |
--- /dev/null |
+++ b/LayoutTests/fast/css/calc-rounding.html |
@@ -0,0 +1,30 @@ |
+<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.5px" data-expected-height="100.5px"> |
+ <div id="innerDiv" data-expected-width="90px" data-expected-height="100.5px"></div> |
+ <div id="remainderDiv" data-expected-width="10.5px" data-expected-height="100.5px"></div> |
+ </div> |
+</body> |