1322843-1f.html (643B)
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: right; 11 width: 100px; 12 height: 100px; 13 background: green; 14 } 15 #float2 { 16 float: right; 17 clear: right; 18 width: 100px; 19 height: 100px; 20 background: green; 21 } 22 #inner { 23 width: 100px; 24 height: 200px; 25 clear: left; 26 overflow: hidden; /* to establish block formatting context */ 27 background: green; 28 } 29 </style> 30 <div id="outer"> 31 <div id="float1"></div> 32 <div id="float2"></div> 33 <div id="inner"></div> 34 </div>