display-with-float.html (925B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Computed float value of flex/grid items</title> 4 <link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-containers"> 5 <link rel="help" href="https://drafts.csswg.org/css-grid-1/#grid-containers"> 6 <meta name="assert" content="computed float value of flex/grid items should be as specified"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 10 <div style="display:flex;"> 11 <div id="flex-item" style="float:left;"></div> 12 </div> 13 <div style="display:grid;"> 14 <div id="grid-item" style="float:right;"></div> 15 </div> 16 <script> 17 function getFloatFor(id) { 18 return window.getComputedStyle(document.getElementById(id)).getPropertyValue("float"); 19 } 20 test(function() { 21 assert_equals(getFloatFor("flex-item"), "left"); 22 assert_equals(getFloatFor("grid-item"), "right"); 23 }, "computed style for float"); 24 </script>