なぜ相対テキストが左に移動し、オーバーフローが発生するのですか？

Question

divの中にpというタグがあり、50px左に移動したいと思います。試してみると、ページに水平スクロールバーが追加されますか？ ここに例があります：https://jsfiddle.net/fa9sp8bs/
私はCSSのスクロールバー全体を隠したくありません。

Answer 1

あなたの質問は本当に理解するのが難しいです。私はあなたが最初のPタグについて話していると仮定し、また、あなたはそれが中心に整列される必要があると仮定しますが、50pxを左に動かしました。私が正しいとすれば、以下のようにコードを修正してください。そうでなければ、もっと説明してください。

.title p { 
    color: #666; 
    font-size: 50px; 
    position: relative; 
    text-align: center; 
    margin-left: -50px; 
} 
... 

Answer 2

あなたは500pxではないと書いていますが、その理由がありますか？