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

Question

我有一个问题，我有一 block 颜色，我使用它就像一个按钮，它在 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。这将确保它会坚持一个位置。

position:absolute;

其次而不是边距，你应该尝试左边和顶部。因为边距在所有浏览器中都不相同。

left: 400px;
top: 350px;

要让元素在尽可能多的浏览器中它们应该在的位置需要很多尝试和诅咒，它就是:)

希望对您有所帮助!! :)

附言。 (抱歉英语不好我希望你能理解我 xD)