dynamic-available-size-iframe.html (459B)
1 <!DOCTYPE html> 2 <style> 3 body { margin: 0; } 4 .parent { 5 position: relative; 6 display: flex; 7 width: 100%; 8 height: 100px; 9 background: red; 10 } 11 12 .content { 13 position: absolute; 14 top: 0; 15 left: 0; 16 right: 0; 17 bottom: 0; 18 margin: auto; 19 width: 100px; 20 height: 100px; 21 background: green; 22 } 23 24 svg { 25 width: 50px; 26 height: 50px; 27 } 28 </style> 29 <div class="parent"> 30 <div class="content"> 31 <svg xmlns="http://www.w3.org/2000/svg"></svg> 32 </div> 33 </div>