How can i add height to these recatangle? It doesn't expand more than 100.

Question

<svg height="100%" width="100%">
<rect height="100" width="100" x="100" y="100" fill="red">
<animate attributeName="" from="0" to="100%" dur="1s" repeatcount=""/>
</rect>
<circle width="100" height="100" cx="100" cy="120" r="30"></circle>
</svg>

Answer 1

height = "200" width = "200"

Answer 2

It's because of html margin, so svg can't have height: 100%

To fix it just add:

html, body, svg {
height:100%;
width: 100%;
margin: 0;
}

To the CSS file or write it manually in each of the tags in html.

Answer 3

Thank you 🙏🙏🙏 but until now i didn't get the right one. Please make fit the given circle bottom to top not the overall html or another