それは本当に奇妙に思えます、そして私はこれがなぜ起こっているのか理解できません。
これはCSSの私のコードです：
<div style="width:580px; height:400px; overflow-x:hidden; overflow-y:scroll;">
My content
</div>
を使用しdivて、指定された寸法のスペースを作成し、コンテンツを追加します。
タグで改行を強制するまで、すべてが完全に機能しbrます。その後、スクロールバーが消え、div領域外のコンテンツが失われます（またはアクセスできなくなります）。
なぜこれが起こっているのか、そしてどのように修正できるのか、コメントはありますか？
これはかなり奇妙です。まず第一に、問題が発生している場所（ブラウザー、バージョンなど）についてより具体的にすることができれば役に立ちます。
overflow-xおよびoverflow-yはCSS3のプロパティであり、完全にはサポートされていない可能性があります。詳細については、こちらをご覧ください。
経験から言えることは、上記のプロパティの動作に一貫性がないということです。したがってoverflow:scroll、レガシーモードでサポートされているを使用し、そのdiv内にあるものがそれに応じて幅に合うことを確認することをお勧めします。
2番目のアドバイスは<br />、タグの使用をやめることです。これは常に大きな問題です。代わりに、次のようなものを使用してください。
<div class="linebreak" style="width:100%;height:1em"></div>
また
<div style="clear:both;"></div>