1322843-1d.html (753B)
1 <!DOCTYPE html> 2 <title>Bug 1322843 - Intrinsic width with float</title> 3 <style> 4 #outer { 5 width: -moz-fit-content; 6 width: fit-content; 7 background: red; 8 } 9 #float1 { 10 float: left; 11 width: 200px; 12 height: 100px; 13 background: green; 14 } 15 #float2 { 16 float: right; 17 clear: both; 18 width: 100px; 19 height: 0px; 20 } 21 #float3 { 22 float: left; 23 clear: both; 24 width: 100px; 25 height: 100px; 26 background: green; 27 } 28 #inner { 29 clear: right; 30 overflow: hidden; /* to establish block formatting context */ 31 width: 100px; 32 height: 100px; 33 background: green; 34 } 35 </style> 36 <div id="outer"> 37 <div id="float1"></div> 38 <div id="float2"></div> 39 <div id="float3"></div> 40 <div id="inner"></div> 41 </div>