Html 为什么最小宽度不'；不能在svg上工作，因为svg，段落的行为会很奇怪吗？

为什么svg不改变宽度，但段落改变宽度。 另外，为什么段落适合svg的宽度而不是css文件中定义的宽度。 当我改变顺序并将svg放在段落之后时，段落的宽度与css文件中的宽度相同。

主要{
背景颜色：浅蓝色；
最大宽度：600px；
填充：1rem；
}
主p{
利润率：1倍自动；
背景色：白色；
填充：1rem；
}
.矩形{
笔画宽度：3；
笔画：黑色；
填充：黑色；
}
主svg{
边框：3件纯蓝；
最大宽度：600px；
}
主要部门{
最大宽度：600px；
}
主p:n个孩子（1）{
宽度：1000px；
}
主p:n个孩子（2）{
最大宽度：800px；
}    
模态能量
请注意，您并不是用这种语法命名线，而是命名区域。使用此语法时，区域两端的行实际上会自动命名。如果网格区域的名称为foo，则该区域的起始行和起始列的名称将为foo start，其最后一行和最后一列的名称将为foo end。这意味着某些行可能有多个名称，例如上面示例中最左边的行，它将有三个名称：页眉开始、主开始和页脚开始

请注意，您并不是用这种语法命名线，而是命名区域。使用此语法时，区域两端的行实际上会自动命名。如果网格区域的名称为foo，则该区域的起始行和起始列的名称将为foo start，其最后一行和最后一列的名称将为foo end。这意味着某些行可能有多个名称，例如上面示例中最左边的行，它将有三个名称：页眉开始、主开始和页脚开始

您从不使用最小宽度。尝试：

main svg
{
   border:3px solid blue;
   min-width: 600px;
}

---

对于SVG，请确保还包括

xmlns=”http://www.w3.org/2000/svg“

在开始标记中，否则行为会变得不可预测。您可能还希望从矩形的宽度和高度中删除

px

，以防止SVG需要该大小的渲染。仍然不确定您希望从中获得的输出。

main svg
{
   border:3px solid blue;
   min-width: 600px;
}