我试图在根元素中定位一个内部元素。根元素设置为100%高和100%宽。但是，我希望内部svg与外部svg的边缘之间的距离为10px左右——除了右边缘，我希望右边缘与外部右边缘之间的距离为200px。我希望这在web浏览器中显示，因此用户应该能够调整浏览器的大小，因此外部svg，而内部svg应该能够保持正确的距离，从外部svg在每一边。
:
+OUTER SVG------------------------------------------+
| |
| +INNER SVG----------------+ |
| | | |
| | | 200px |
| | | <---+-----+----> |
| | | |
| | | | 1
| | | | 0
| | | | 0
| | | | %
| | | |
| | | | h
| | | | i
| +-------------------------+ | g
| | h
| |
+---------------------------------------------------+
100% Wide
是否可以单独使用SVG ?
如果我理解正确的话，这是微不足道的。SVG被构建为在Z堆栈中有许多视觉元素，对齐，重叠，等等。
使用Inkscape，免费和开源，创建SVG，然后你可以直接在文本编辑器中编辑文件，如果你想看看SVG是如何形成的。在Inkscape中，你可以使用对齐工具、网格、变换缩放工具、拖放工具和其他一些工具来完成这个任务。