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;
    [...]
}