Avoid cutting the correct file - it must follow

Question

It's the case that my svg does not follow down or to the side if my code has a greater value than stated.

As you can see in the picture here, it's color color like stop at the maximum limit of the file.

How would I like it to do, for example, to follow it where it ends?

Here, as I show in the picture, it should look when it is.

html code:

<svg viewBox="0 0 (200*100+1%) (250*100+1%)" width="200" height="250">
<rect x="0" y="0" width="180" height="170" style="fill:none;stroke:#7FFF00;stroke-width:5;"></rect>
<rect x="15" y="120" width="140" height="125" style="fill:none;stroke:#D2691E;stroke-width:5;"></rect>
</svg>

It must also follow if the green color goes to the side. It should in no way like just cut the rect area of the specified color.

Is it something with viewport or how? The specified values for height and length are based on a code that I have in my java file.