divのコンテンツがSafariで境界線の外側に表示されます

Question

私のコードでこの問題が発生していますが、Chromeでokと表示されてもSafariで同じに見えません。私はSafari 9.1を使用しています。コンテンツ（この場合は右揃えのテキスト）は、境界線の外にあるすべての時間です。

誰かが私を助けてくれることを願っています。

例：

- サファリ：

- クローム：

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

それはあなたは、位置パラメータ、ないleftとしてrightを使用する必要があり、そして#dateの絶対位置は、それに関連するように.containerがposition: relativeを有する必要

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

} 

Answer 1

内側に配置されている：

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

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