third_party/WebKit/LayoutTests/fast/clip/007.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 .overflow {
  19   overflow: hidden;
  20 }
  21
  22 .positioned {
  23   position: absolute;
  24 }
  25
  26 .fixed {
  27   position: fixed;
  28   left: 100px;
  29   top: 100px;
  30 }
  31
  32 .offset {
  33   left: 100px;
  34   top: 100px;
  35 }
  36 </style>
  37 <body>
  38 You should see a 100x100 green square below.  If you see nothing at all or see any red, the test
  39 has failed.  This test is checking to make sure overflow is done using
  40 a containing block model, and that a fixed positioned element inside an absolute positioned
  41 element is not considered overflow.
  42
  43 <div class="overflow positioned">
  44   <div class="fixed">
  45     <div class="offset green positioned"></div>
  46   </div>
  47 </div>
  48