1291110-1-ref.html (646B)
1 <!DOCTYPE html> 2 <style> 3 .container { 4 position: relative; 5 width: 250px; 6 height: 300px; 7 border: 1px solid blue; 8 } 9 10 .float1 { 11 position: absolute; 12 width: 100px; 13 height: 50px; 14 background-color: green; 15 } 16 17 .float2 { 18 position: absolute; 19 top: 50px; 20 width: 180px; 21 height: 50px; 22 background-color: lightgreen; 23 } 24 25 .box { 26 position: absolute; 27 left: 180px; 28 width: 30px; 29 height: 80px; 30 background-color: blue; 31 } 32 </style> 33 34 <div class="container"> 35 <div class="float1"></div> 36 <div class="float2"></div> 37 <div class="box"></div> 38 </div> 39 <p>The test pass if the inline blue box does not overlap any of the green float boxes.</p>