src/third_party/WebKit/LayoutTests/compositing/iframes/ancestor-clipping-layer-expected.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <style>
   5   .force-ancestor-clip {
   6     position: relative;
   7     padding-top: 1px;
   8     /* Needs to be above 50% for overlap to kick in. */
   9     padding-bottom: 55%;
  10     height: 0;
  11     visibility: hidden;
  12   }
  13   #wrapper {
  14     position:relative;
  15     width: 400px;
  16     margin:0 auto;
  17   }
  18   #main {
  19     width:875px;
  20     overflow:hidden;
  21     position:relative;
  22   }
  23   #content {
  24     width:400px;
  25   }
  26   .overflow-hidden {
  27     width:100%;
  28     overflow:hidden;
  29   }
  30   .float-right {
  31     float:right;
  32     width:425px;
  33   }
  34 </style>
  35 </head>
  36 <body>
  37   <div id="wrapper">
  38     <div id="main">
  39       <div id="content">
  40         <div class="overflow-hidden">
  41           <div class="float-right">
  42             <div id="force-clip" class="force-ancestor-clip"></div>
  43             <iframe src="resources/ancestor-clipping-layer-subframe.html" width="300" height="150"></iframe>
  44           </div>
  45         </div>
  46       </div>
  47     </div>
  48   </div>
  49 </body>
  50 </html>