CSS元素低于Safari中的预期位置

Question

我有一个问题，我使用了一块颜色，就像一个按钮，它可以很好地存放在Firefox和IE中，但出于某些原因，Safari位于我想要它的位置（见图像）。

关于我做错了什么的任何指示都会非常感激，因为我已经摆弄了一段时间并且似乎无法让它工作（？）

（我认为）相关的CSS是：

//the element that represents the button that is floating
//too low in safari:

#addplacebtn {
 text-align: center;
 margin-top: 0em;
 margin-bottom: 0em;
 display: inline-block;
 width: 35px;
 float: right;
 background-color: #226083;

}

//the element that is containing the problematic element

#edit-addplacebtn {
 height: 45px;
 width: 35px;
 top: 5px;

}

//the element containing the above element

.tbrow {
 height: 35px;
 width: 285px;
 margin-bottom: 5px;
 margin-top: 5px;
}

Answer 1

首先你可以尝试将位置设置为绝对值。这将确保它将坚持一个位置。

position:absolute;

第二而不是保证金，你应该尝试左和上。 cuz margin在所有浏览器中都不一样。

left: 400px;
top: 350px;

在很多浏览器中获取元素应该是很多尝试和诅咒，它只是：）

我希望这有帮助!! ：）

PS。 （抱歉英语不好，希望你能理解我xD）