html - 表单框在 chrome 和 safari 中出现了非常不同的情况。并且难以放置图像

Question

需要一些操作才能将用户名和密码表单框放在一起。我在 chrome 上看起来不错，但是当我去 safari 和 firefox 时，这些盒子的高度截然不同。

该站点是 www.EpicSwap.com 我似乎无法正确格式化代码 感谢您的帮助。

Answer 1

试着让你的表格更宽一点，减少padding-right（我完全把它拿出来）formleft 元素，并让formright浮动也离开。请注意，我也把表格拿出来了float:left，因为它是不必要的。

像这样：

form {
padding-top:6em;
width:450px;
}

#formleft {
float:left;
}

#formright {
float:left;
}

Answer 2

我建议您删除浮动并使用定位，如此处所示

#formright 
{
//float: right;
position: relative;
left: 250px;
top: -58px;
}