<html xmlns="http://www.w3.org/1999/xhtml">
<body>
    <p>The svg area contained in the div element (red box), should fill out the whole area (two green rectangles, first: (0,0)-(50%,50%), second: (50%,50%)-(100%,100%)), especially after resizing the content box to a different size</p>
    <div style="width: 400px; height: 400px; border: 1px solid red;">
        <svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">
            <rect width="200" height="200" fill="green"/>
            <rect x="200" y="200" width="200" height="200" fill="green"/>
        </svg>
    </div>
</body>
</html>