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