fieldset-block-formatting-context.html (700B)
1 <!DOCTYPE html> 2 <title>The fieldset element: block formatting context</title> 3 <script src=/resources/testharness.js></script> 4 <script src=/resources/testharnessreport.js></script> 5 <style> 6 * { 7 margin: 0; 8 padding: 0; 9 } 10 fieldset { border: none; } 11 .float { 12 float: left; 13 width: 50px; 14 height: 50px; 15 background-color: orange; 16 } 17 </style> 18 19 <div class=float></div> 20 <fieldset><div class=float></div></fieldset> 21 22 <script> 23 test(() => { 24 const fieldset = document.querySelector('fieldset'); 25 assert_equals(fieldset.offsetTop, 0, 'fieldset.offsetTop'); 26 assert_equals(fieldset.offsetLeft, 50, 'fieldset.offsetLeft'); 27 assert_equals(fieldset.clientHeight, 50, 'fieldset.clientHeight'); 28 }); 29 </script>