405952-1.html (973B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <style> 5 .container { float:left; margin-top:1em; clear:both; } 6 .auto { overflow:auto; } 7 .scroll { overflow:scroll; } 8 .content { width:100px; height:60px; background:yellow; } 9 .over { height:50px; } 10 body { margin:0; position:absolute; clip: rect(0 100px auto 0); } 11 </style> 12 </head> 13 <body> 14 15 <!-- test pref-width --> 16 17 <div class="container auto"> 18 <div class="content"></div> 19 </div> 20 <div class="container scroll"> 21 <div class="content"></div> 22 </div> 23 <div class="container auto over"> 24 <div class="content"></div> 25 </div> 26 <div class="container scroll over"> 27 <div class="content"></div> 28 </div> 29 30 <!-- test min-width --> 31 32 <div style="width:0"> 33 <div class="container auto"> 34 <div class="content"></div> 35 </div> 36 <div class="container scroll"> 37 <div class="content"></div> 38 </div> 39 <div class="container auto over"> 40 <div class="content"></div> 41 </div> 42 <div class="container scroll over"> 43 <div class="content"></div> 44 </div> 45 </div> 46 47 </body> 48 </html>