LayoutTests/fast/clip/006.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   left: 100px;
  10   top: 70px;
  11 }
  12
  13 .red {
  14   width: 100px;
  15   height: 100px;
  16   margin-top: 100px;
  17   margin-left: 100px;
  18   background-color: red;
  19 }
  20
  21 .overflow {
  22   overflow: hidden;
  23   width: 100px;
  24   height: 100px;
  25 }
  26
  27 .positioned {
  28   position: fixed;
  29 }
  30 </style>
  31 <body>
  32 You should see a 100x100 green square below.  If you see nothing at all or see any red, the test
  33 has failed.  This test is checking to make sure overflow is done using
  34 a containing block model, and that a fixed positioned element inside another fixed positioned
  35 element is not considered overflow.
  36
  37 <div class="overflow positioned">
  38 <div class="red"></div>
  39 <div class="green positioned"></div>
  40 </div>