问将html内容插入div中

EN

我正在使用html开发几个仪表板组件。(例如表格、svg元素等)

我不想指定这些组件的维度(宽度、高度)，因为我稍后在其他组件中重用它们。

我想让这些组件安装在包含它们的div中。

让我们假设我有一个用svg循环元素开发的饼图，或者一个在html中使用表标记的表，我希望这些组件填充包含它们的div。

有没有办法以百分比来指定这些元素的尺寸？

注意:在下面的代码中，使用了ReactJS，但想法是相同的。

代码：

        <div class="wrapper">
            <svg>
                <g>
                    {this.props.children}
                </g>
            </svg>
        </div>

现在我想将一个元素作为this.props.children传递给这个div，但是我不想为该元素指定任何大小。我想用Bootstrap在包装div元素中指定它。