third_party/WebKit/LayoutTests/fast/clip/005.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
   2 <html>
   3 <head>
   4 <style>
   5 .green {
   6   width: 100px;
   7   height: 100px;
   8   background-color: green;
   9 }
  10
  11 .red {
  12   width: 100px;
  13   height: 100px;
  14   margin-top: 100px;
  15   margin-left: 100px;
  16   background-color: red;
  17 }
  18
  19 .overflow {
  20   overflow: hidden;
  21 }
  22
  23 .positioned {
  24   position: relative;
  25 }
  26 </style>
  27 <body>
  28 You should see a 100x100 green square below.  If you see any red, the test
  29 has failed.  This test is checking to make sure overflow is done using
  30 a containing block model.
  31
  32 <div class="overflow green positioned">
  33 <div class="red"></div>
  34 <div class="red positioned"></div>
  35 </div>