box-sizing-minmax-width-ref.html (1395B)
1 <!DOCTYPE HTML> 2 <html><head> 3 <title>min-/max-width testcase for bug 308801</title> 4 <style type="text/css"> 5 6 html,body { 7 color:black; background-color:white; font-size:16px; 8 } 9 10 .test1, .test2 { 11 width:100px; 12 height:20px; 13 background:black; 14 } 15 16 .test3 { 17 width:30px; 18 border:10px solid black; 19 padding:25px; 20 } 21 br { margin-top:13px; } 22 </style> 23 </head> 24 <body> 25 26 <div style="float:left"><div class="box min test1"></div></div> 27 28 <br clear="all"> 29 <div style="float:left"><div class="box min test2"></div></div> 30 31 <br clear="all"> 32 <div style="float:left"><div class="box min test3"></div></div> 33 34 <br clear="all"> 35 <br clear="all"> 36 <div class="box max test1"></div> 37 38 <br clear="all"> 39 <div class="box max test2"></div> 40 41 <br clear="all"> 42 <div class="box max test3"></div> 43 44 <br clear="all"> 45 <!-- overflow:hidden --> 46 47 <div style="float:left"><div class="hidden box min test1"></div></div> 48 49 <br clear="all"> 50 <div style="float:left"><div class="hidden box min test2"></div></div> 51 52 <br clear="all"> 53 <div style="float:left"><div class="hidden box min test3"></div></div> 54 55 <br clear="all"> 56 <br clear="all"> 57 <div class="hidden box max test1"></div> 58 59 <br clear="all"> 60 <div class="hidden box max test2"></div> 61 62 <br clear="all"> 63 <div class="hidden box max test3"></div> 64 65 66 67 </body> 68 </html>