layout/reftests/bugs/134706-2-right-scrollframe.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html lang="en-US">
   3 <head>
   4         <title>CSS 2.1 Test Suite: Test for flow around floats</title>
   5         <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
   6         <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
   7         <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
   8         <meta name="assert" content="The border box of a table, a block-level replaced element, or an element in the normal flow that establishes a new block formatting context (such as an element with 'overflow' other than 'visible') must not overlap any floats in the same block formatting context as the element itself." />
   9         <meta name="flags" content="" />
  10         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  11         <meta http-equiv="Content-Style-Type" content="text/css">
  12         <style type="text/css">
  13
  14         table { margin: 0; border-spacing: 0; }
  15         td, th { padding: 0; }
  16
  17         span { display: inline-block; vertical-align: bottom; }
  18
  19         </style>
  20 </head>
  21 <body>
  22
  23 <table width="300" style="background: aqua"><tr><td>
  24
  25   <div style="float:right; background:blue; width: 100px; height: 100px"></div>
  26
  27   <div style="overflow: hidden; background: yellow">
  28     <span style="width: 150px; height: 50px; background: purple"></span>
  29     <span style="width: 150px; height: 50px; background: purple"></span>
  30   </div>
  31
  32 </td></tr></table>
  33
  34 </body>
  35 </html>