Html 如何在CSS Firefox动画中使用边距

我有一个动画：

@media (max-width: 768px). 
{.fptext {color:white; 
font-weight: bolder; 
position: relative; bottom: 
450px; font-size: 0px; 
left: 100px; text-size- 
adjust:none;}}



@media (max-width: 768px). 
{.fptext {animation: 
fadeout 
30s ease 
forwards;animation-delay: 
0s;padding:0px;-moz- 
animation:fadeout 30s ease 
forwards 0s infinite
}}

@keyframes fadeout{
from {font-size: 0px;} to 
{font-size: 45px;}}

@media(max-width: 768px) 
{.textwidget>.fatext{
animation: bigger 30s ease 
forwards;animation-delay: 
0s;; 
position:relative;font- 
size: 15px; 
color:#43ff0a;bottom: 
1700px; font- 
weight:bolder;padding: 
0px;background-  
color:blue;display:
block;margin-bottom: 
-1750px
}} 

@keyframes bigger 
{from{font-size: 0px} to 
{font-size: 18px;}}

@media (max-width:768px). 
{.fptext {margin-top: 
-325px; z-index:7; 
color:#43ff0a; margin-left: 
-200px; 
}}

@media(max-width: 768px). 
{.black{animation: 
blacktext 30s ease 
forwards;animation-delay: 
0s;; 
position:relative;font- 
size: 15px; 
color:#000;bottom: 737px; 
font-weight:bolder;padding: 
0px;background-  
color:transparent;displa
y:block;z-index: 20; 
right:22px;


}} 

@keyframes blacktext 
{from{font-size: 0px} to 
{font-size: 45px;}}

<div class="fatext">text 
text></div>
<div class="fptext">text 
text></div>
<div class="black">text 
text></div>

@介质（最大宽度：768px）。
{.fptext{颜色：白色；
字体大小：粗体；
位置：相对；底部：
450px；字体大小：0px；
左：100px；文本大小-
调整：无；}}
@介质（最大宽度：768px）。
{.fptext{动画：
淡出
30秒轻松
转发；动画延迟：
0s；填充：0px；-moz-
动画：淡出30秒轻松
无限向前
}}
@关键帧淡出{
从{font size:0px；}到
{字体大小：45px；}}
@介质（最大宽度：768px）
{.textwidget>.fatext{
动画：更大的30秒轻松
转发；动画延迟：
0s；；
位置：相对；字体-
尺寸：15px；
颜色：#43ff0a；底部：
1700px；字体-
重量：粗体；填充：
0px；背景-
颜色：蓝色；显示：
块；页边距底部：
-1750px
}} 
@关键帧更大
{从{font size:0px}到
{字体大小：18px；}}
@介质（最大宽度：768px）。
{.fptext{页边距顶部：
-z指数：7；
颜色：#43ff0a；左边距：
-200px；
}}
@介质（最大宽度：768px）。
{.黑色{动画：
blacktext 30秒轻松版
转发；动画延迟：
0s；；
位置：相对；字体-
尺寸：15px；
颜色：#000；底部：737px；
字体大小：粗体；填充：
0px；背景-
颜色：透明；显示
y：块；z指数：20；
右：22px；
}} 
@黑文本的关键帧
{从{font size:0px}到
{字体大小：45px；}}
正文
文本>
正文
文本>
正文
文本>

如您所见，我使用了

bottom

和

marginbottom，

和position relative，并且margin结构通常非常复杂。Chrome理解这一点，Firefox则不然。Firefox中的边距是否存在某种问题，因为它将元素

fatext

和

black

发送到它应该在的位置下方，而Chrome和其他浏览器将其定位在我想要的位置

---

Page mobile

Protip：一些格式确实有助于提高代码的可读性。记住，好的代码也是人类可读的：）谢谢提醒。