Javascript Firefox奇怪的行为：属性外部的形状和文本在响应框中右对齐

所以我试图设计一个流体卡片，里面有一些文字（并且会收到一个角落里有东西的背景图片），文字应该在它周围流动。因此，我在文本之前使用了对象外部的CSS属性形状。对于对象的<代码>高度：100%规则要工作，父对象需要有一个设置值，所以我编写了一个（粗略的）脚本，在调整大小事件中触发，临时设置

高度：auto，然后遍历所有子元素以确定高度，应用一些因子并考虑填充，最后设置
高度：[计算高度]

我知道，脚本并不理想，但它可以用于测试目的

其结果可以在基于Chrome的浏览器（Chrome、Edge、Opera）和Safari中顺利运行。但是它在Firefox中不起作用，它的高度可以是卡片的高度，也可以是带有
text align:right的文本；浮动：对被撕开

如果它只是在Chromium浏览器中工作，我会说它是Chromium特有的，还有一些东西是错误的，但是由于Safari可以工作，我怀疑是Firefox特有的问题


const setSizeHandler=（类名）=>{
const el=document.getElementsByClassName（className）；
为了(
设i=0；i{
}
addEventListener（“resize”，setSizeHandler（“main”）
@导入url（“https://fonts.googleapis.com/css2?family=Exo:wght@300；500&family=打开+存储区域网络：ital@0；1&display=swap”）；
// ***
//调试颜色变量；
// ***
html{
--颜色：无；
}
// ***
//印刷术
// ***
html{
字体大小：夹钳（14px，1vw，24px）；
颜色：#000000；
}
身体{
字体系列：“开放式Sans”，无衬线；
字体大小：400；
字号：1rem；
线高：1.2rem；
--x1:87.5%；
--x2:25%；
--x1s:75%；
--x2s:12.5%；
}
我
em{
字体：斜体；
}
B
强壮的{
字体风格：粗体；
}
小的{
字体大小：0.8rem；
}
标记{
背景色：#C1C1；
}
德尔{
文字装饰：线条贯通；
}
ins{
文字装饰：下划线波浪形#C1C1；
}
h1，
h2，
h3，
h4，
h5，
h6{
字体系列：“Exo”，无衬线；
字号：500；
}
h1{
字号：6rem；
线高：6.6雷姆；
}
氢{
字号：4rem；
线高：4.4rem；
}
h3{
字体大小：3rem；
线高：3.3rem；
}
h4{
字号：2rem；
线高：2.2rem；
}
h5{
字体大小：1.5rem；
线高：1.65雷姆；
}
h6{
字号：1rem；
线高：1.1rem；
文本转换：大写；
}
身体{
宽度：100vw；
高度：100vh；
溢出x：隐藏；
}
.部分包装{
宽度：100vw；
显示器：flex；
柔性流动：柱状nowrap；
证明内容：中心；
对齐内容：居中对齐；
颜色：#ffffff；
}
梅因先生{
宽度：70vw；
最小高度：40vw；
利润率：5vw 10vw；
填料：0.5vw；
溢出：隐藏；
边界半径：2em；
背景色：#ff414e；
背景图像：径向梯度（圆形，#f7546c 20%，#ff414e 80%）；
}
.textwrapper{
显示：内容；
}
跨距剪切{
宽度：114.5%；
身高：100%；
利润率：0-5vw；
背景色：var（--debugolor）；
}
.左{
浮动：左；
文本对齐：左对齐；
}
.left>span.clipping{
浮动：对；
外部形状：多边形（var（--x1）25%，var（--x2）87.5%，0%87.5%，0%100%，100%100%，100%0%，var（--x1）0%）；
剪辑路径：多边形（var（--x1）25%，var（--x2）87.5%，0%87.5%，0%100%，100%100%，100%0%，var（--x1）0%）；
}
.对{
浮动：对；
文本对齐：右对齐；
}
.right>span.clipping{
浮动：左；
外部形状：多边形（var（-x1s）12.5%，var（-x2s）75%，var（-x2s）100%，0%100%，0%0%，100%0%，100%12.5%）；
剪辑路径：多边形（var（-x1s）12.5%，var（-x2s）75%，var（-x2s）100%，0%100%，0%0%，100%0%，100%12.5%）；
}

一些标题用于测试目的

这是一个天堂般的国家，句子中烤过的部分会飞进你的嘴里。即使是全能的指点也无法控制盲文——这几乎是一种非正统的生活——然而有一天，一小行名为Lorem Ipsum的盲文决定前往遥远的语法世界2。大牛津建议她不要这样做，因为有成千上万个坏逗号，这是一个疯狂的问题
马克和狡猾的塞米科利，但这个小盲文不听。她把她的七个versalia打包，把她的首字母放在腰带上，然后上路了。


这是一个天堂般的国家，句子中烤过的部分会飞进你的嘴里。即使是全能的指点也无法控制盲文——有朝一日，这几乎是一种非正统的生活——然而，一小行名为Lorem的盲文
伊普萨姆决定去遥远的语法世界。

一些标题用于测试目的