1236745-1.html (792B)
1 <!DOCTYPE HTML> 2 <title>Reftest, bug 1236745</title> 3 <style> 4 5 div.contain { 6 border: medium solid blue; 7 width: 100px; 8 height: 200px; 9 } 10 11 .float1 { 12 float: left; 13 background: yellow; 14 width: 10px; 15 height: 60px; 16 } 17 18 .float2 { 19 float: left; clear: left; 20 background: aqua; 21 width: 50px; 22 height: 50px; 23 } 24 25 .bfc { 26 overflow: hidden; 27 background: fuchsia; 28 /* 29 * Will be 90px wide (and thus 90px high) if placed based on only its 30 * top or based on a 50px height, but 50px wide (and thus 50px high) 31 * if placed based on a 90px height. 32 */ 33 } 34 35 img { 36 width: 100%; 37 display: block; 38 } 39 40 </style> 41 42 43 <div class="contain"> 44 <div class="float1"></div> 45 <div class="float2"></div> 46 <div class="bfc"> 47 <img src="../bugs/solidblue.png"> <!-- 16x16 blue image --> 48 </div> 49 </div>