javascript - div 中的内容在 safari 中显示在边界外

Question

我的代码一直遇到这个问题，当它在 Chrome 中看起来不错时，它在 Safari 中看起来就不一样了。我使用 Safari 9.1。内容(在本例中为右对齐文本)始终位于边界之外。

我希望有人可以帮助我。

示例:

- Safari :

- Chrome:

#date{
    border: 1px solid red;
    position:absolute;
    text-align:right;
    width:90%;
    left:0%;
}

它被放置在

.container{
    padding-top:4%;
    padding-left:6%;
    padding-bottom:4%;
    right:40%;
    width:88%;

}

Answer 1

你必须使用right作为位置参数，而不是left，并且.container需要有position: relative 以便 #date 的绝对位置与其相关:

#date{
    border: 1px solid red;
    position:absolute;
    text-align:right;
    width:90%;
    right:0;
}

.container{
    position: relative;
    [...]
}