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