LayoutTests/fast/clip/015.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
   2 <html>
   3 <head>
   4 <style>
   5 div {
   6   width: 100px;
   7   height: 100px;
   8 }
   9
  10 .green {
  11   background-color: green;
  12 }
  13
  14 .red {
  15   background-color: red;
  16 }
  17
  18 .absolute {
  19   position: absolute;
  20   top:100px;
  21   left:100px;
  22 }
  23
  24 .relative {
  25   position: relative;
  26   top:100px;
  27   left:100px;
  28 }
  29
  30 .overflow {
  31   overflow: hidden;
  32 }
  33 </style>
  34 <body>
  35 You should see a 100x100 green square below.  This test makes sure overflow uses
  36 containing blocks when clipping.
  37
  38 <div class="green overflow">
  39   <div class="red relative">
  40     <div class="absolute red"></div>
  41   </div>
  42 </div>