如何修复chrome和firefox之间css相对位置的显示差异?

如何修复chrome和firefox之间css相对位置的显示差异?,css,cross-browser,Css,Cross Browser,此代码笔显示,当处于Chrome浏览器中时,Firefox中带有top:14px的按钮未对齐 我怎样才能解决这个问题 .research\u容器{ 高度:138px; 背景图像:重复线性梯度(45度,#0071b9,#22bbea); 位置:相对位置; 宽度:100%; } .U.集装箱形式研究{ 填充:0 25px; 宽度:93%; } .集装箱图例研究{ 字体大小:300%; 颜色:rgb(255255); 填充:25px 0 0 25px; 利润率:0.15px0; 文本转换:大写;

此代码笔显示,当处于Chrome浏览器中时,Firefox中带有
top:14px
的按钮未对齐

我怎样才能解决这个问题

.research\u容器{
高度:138px;
背景图像:重复线性梯度(45度,#0071b9,#22bbea);
位置:相对位置;
宽度:100%;
}
.U.集装箱形式研究{
填充:0 25px;
宽度:93%;
}
.集装箱图例研究{
字体大小:300%;
颜色:rgb(255255);
填充:25px 0 0 25px;
利润率:0.15px0;
文本转换:大写;
}
.research_container.form组{
显示:内联块;
位置:相对位置;
保证金:0;
}
.research_container#listedchoix{
显示:内联块;
位置:相对位置;
宽度:81%;
}
.U.容器输入的研究{
宽度:100%;
高度:37像素;
边界:无;
位置:相对位置;
高度:39px;
填充:0 15px;
文本转换:大写;
}
.U容器按钮的研究{
背景图片:url(“../images/loupe.png”);
背景重复:无重复;
背景尺寸:16px;
边界:0无;
背景色:白色;
颜色:白色;
背景位置:36px 12px;
位置:相对位置;
高度:39px;
边际:0-2px;
顶部:-5px;
宽度:349%;
利润率:0.5px 0.0px;
顶部:14px;
}

联合国工作人员

css
中删除
top
,并将
垂直对齐:top
显示:内联块一起使用

.research\u容器{
高度:138px;
背景图像:重复线性梯度(45度,#0071b9,#22bbea);
位置:相对位置;
宽度:100%;
}
.U.集装箱形式研究{
填充:0 25px;
宽度:93%;
}
.集装箱图例研究{
字体大小:300%;
颜色:rgb(255255);
填充:25px 0 0 25px;
利润率:0.15px0;
文本转换:大写;
}
.research_container.form组{
显示:内联块;
垂直对齐:顶部;
位置:相对位置;
保证金:0;
}
.research_container#listedchoix{
显示:内联块;
垂直对齐:顶部;
位置:相对位置;
宽度:81%;
}
.U.容器输入的研究{
宽度:100%;
高度:37像素;
边界:无;
位置:相对位置;
高度:39px;
填充:0 15px;
文本转换:大写;
}
.U容器按钮的研究{
背景图片:url(“../images/loupe.png”);
背景重复:无重复;
背景尺寸:16px;
边界:0无;
背景色:白色;
颜色:白色;
背景位置:36px 12px;
位置:相对位置;
高度:39px;
边际:0-2px;
宽度:349%;
利润率:0.5px 0.0px;
}

联合国工作人员

css
中删除
top
,并将
垂直对齐:top
显示:内联块一起使用

.research\u容器{
高度:138px;
背景图像:重复线性梯度(45度,#0071b9,#22bbea);
位置:相对位置;
宽度:100%;
}
.U.集装箱形式研究{
填充:0 25px;
宽度:93%;
}
.集装箱图例研究{
字体大小:300%;
颜色:rgb(255255);
填充:25px 0 0 25px;
利润率:0.15px0;
文本转换:大写;
}
.research_container.form组{
显示:内联块;
垂直对齐:顶部;
位置:相对位置;
保证金:0;
}
.research_container#listedchoix{
显示:内联块;
垂直对齐:顶部;
位置:相对位置;
宽度:81%;
}
.U.容器输入的研究{
宽度:100%;
高度:37像素;
边界:无;
位置:相对位置;
高度:39px;
填充:0 15px;
文本转换:大写;
}
.U容器按钮的研究{
背景图片:url(“../images/loupe.png”);
背景重复:无重复;
背景尺寸:16px;
边界:0无;
背景色:白色;
颜色:白色;
背景位置:36px 12px;
位置:相对位置;
高度:39px;
边际:0-2px;
宽度:349%;
利润率:0.5px 0.0px;
}

联合国工作人员

中删除
顶部:14px
顶部:-5px
。研究容器按钮


float:left
添加到
.research\u container button
.research\u container.form group
中删除
顶部:14px
顶部:-5px
。research\u container button

float:left
添加到
.research\u container按钮
.research\u container.form组