Css margin-top与浏览器无法正常工作

Question

我是一个文本类。在我的Windows Chrome浏览器中，它正确显示但在mac chrome浏览器中。例如：如果我的名字是John duash，它会在一行中显示John并且在显示中显示mac chrome中的第二行。

我该如何解决这个问题？

.text{
        position: absolute;
        margin-top: px;
        margin-left: px;
}

谢谢。

Answer 1

你应该使用： -

.text{
        position: absolute;
        top:0px;
        left:0px;
        width:100px;
        height:20px;
        background:red;
}

绝对位置不考虑保证金

所以我们可以使用position中的top:0px; left:0px; right:0px; bottom:0px;而不是marign的

DEMO

Answer 2

您正在使用 position absolute

比用于top:0; left:0; right:0; bottom:0;

不习惯 margin-top, margin-left

就像这样

.text{
        position: absolute;
       top: px;
       left: px;
}

Answer 3

span / div /宽度不是由它的声音表现的，你得到第二行，因为浏览器使用的自动宽度太小。