如何在SVG中定位元素

Question

我正在尝试将两个SVG g元素并排放置。目前，它们重叠如下：

这是地图图例的一个类，名为“legend_container” 这是地图本身的一个类，称为“region”

两者都是“Map_Container”的孩子

这是我正在使用的CSS代码：

.Map_Container {
text-align: center;
vertical-align: top;
width: auto;
height: auto;
}

g.region {
float: right;
width: auto;
height: auto;
}

g.legend_container {
float: left;
width: auto;
height: auto;
}