<!DOCTYPE HTML> <html> <head> <style> .container { float:left; margin-top:1em; clear:both; } .auto { overflow:auto; } .scroll { overflow:scroll; } .content { width:100px; height:60px; background:yellow; } .over { height:50px; } body { margin:0; position:absolute; clip: rect(0 100px auto 0); } </style> </head> <body> <!-- test pref-width --> <div class="container auto"> <div class="content"></div> </div> <div class="container scroll"> <div class="content"></div> </div> <div class="container auto over"> <div class="content"></div> </div> <div class="container scroll over"> <div class="content"></div> </div> <!-- test min-width --> <div style="width:0"> <div class="container auto"> <div class="content"></div> </div> <div class="container scroll"> <div class="content"></div> </div> <div class="container auto over"> <div class="content"></div> </div> <div class="container scroll over"> <div class="content"></div> </div> </div> </body> </html>