这看起来真的很奇怪,我不知道为什么会这样。
这是我在 CSS 中的代码:
<div style="width:580px; height:400px; overflow-x:hidden; overflow-y:scroll;">
My content
</div>
我使用div
来创建给定尺寸的空间并添加我的内容。
一切都很完美,直到我用br
标签强制换行,然后滚动条消失,div
区域之外的任何内容都会丢失(或无法访问)。
任何评论为什么会发生这种情况以及如何解决?
这很奇怪。首先,如果您可以更具体地说明问题发生的位置(浏览器、版本等),这将有所帮助。
overflow-x
和overflow-y
是 CSS 3 属性,可能不完全受支持。有关一些详细信息,请参阅此处。
我可以从经验中告诉您的是,上述属性具有不一致的行为。所以我建议你使用overflow:scroll
,它在传统模式下受支持,并确保该div 中的任何内容都相应地适合宽度。
第二个建议是停止使用<br />
标签,这始终是一个主要的痛苦。而是使用类似以下内容:
<div class="linebreak" style="width:100%;height:1em"></div>
或
<div style="clear:both;"></div>