div中显示的内容在Safari浏览器边框外显示

Question

我一直在用我的代码看到这个问题，当它在Chrome中查看时确实不会在Safari中看起来相同。我使用Safari 9.1。内容，在这种情况下，右对齐的文本是整个边界之外的时间。

我希望有人可以帮助我。

实施例：

- Safari中：

- 铬：

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