src/third_party/WebKit/LayoutTests/fast/regions/region-overflow-auto-overflow-visible.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <style>
   5             body {
   6                 font-family: monospace;
   7             }
   8
   9             #article {
  10                 -webkit-flow-into: article;
  11             }
  12
  13             #region_1, #region_2 {
  14                 -webkit-flow-from: article;
  15                 -webkit-region-fragment: auto;
  16                 overflow: visible;
  17                 display: inline-block;
  18                 vertical-align: top;
  19                 margin: 2px;
  20             }
  21
  22             #region_1 {
  23                 height: 400px;
  24                 width: 400px;
  25                 border: 1px solid #a0a0a0;
  26             }
  27
  28             #region_2 {
  29                 height: 200px;
  30                 width: 300px;
  31                 border: 1px solid black;
  32             }
  33         </style>
  34     </head>
  35     <body>
  36         <div id="article">
  37             <div style="font-size: 18px; line-height: 2; color: #a0a0a0; text-align: justify">
  38                 <span style="background-color: #a0a0a0">
  39                     This is some content This is some content
  40                     This is some content This is some content
  41                     This is some content This is some content
  42                     This is some content This is some content
  43                     This is some content This is some content
  44                     This is some content This is some content
  45                     This is some content This is some content
  46                     This is some content This is some content
  47                     This is some content This
  48                 </span>
  49             </div>
  50             <div style="font-size: 12px; line-height: 2; color: #00a0e0; text-align: justify">
  51                 <span style="background-color: #00a0e0">
  52                     This is some content This is some content
  53                     This is some content This is some content
  54                     This is some content This is some content
  55                     This is some content This is some content
  56                     This is some content This is some content
  57                     This is some content This is some content
  58                     This is some content This is some content
  59                     This is some content This is some content
  60                 </span>
  61             </div>
  62             <div style="font-size: 12px; line-height: 2; color: #800000; text-align: justify">
  63                 <span style="background-color: #800000">
  64                     This is some content This is some content
  65                     This is some content This is some content
  66                     This is some content This is some content
  67                     This is some content.
  68                 </span>
  69             </div>
  70         </div>
  71
  72         <div id="region_1"></div>
  73         <div id="region_2"></div>
  74     </body>
  75 </html>