<div> 使用标签时滚动条从<br>


中消失。

这看起来真的很奇怪,我不知道为什么会这样。

这是我在 CSS 中的代码:

<div style="width:580px; height:400px; overflow-x:hidden; overflow-y:scroll;">
My content
</div>

我使用div来创建给定尺寸的空间并添加我的内容。

一切都很完美,直到我用br标签强制换行,然后滚动条消失,div区域之外的任何内容都会丢失(或无法访问)。

任何评论为什么会发生这种情况以及如何解决?

这很奇怪。首先,如果您可以更具体地说明问题发生的位置(浏览器、版本等),这将有所帮助。

overflow-xoverflow-y是 CSS 3 属性,可能不完全受支持。有关一些详细信息,请参阅此处。

我可以从经验中告诉您的是,上述属性具有不一致的行为。所以我建议你使用overflow:scroll,它在传统模式下受支持,并确保该div 中的任何内容都相应地适合宽度。

第二个建议是停止使用<br />标签,这始终是一个主要的痛苦。而是使用类似以下内容:

<div class="linebreak" style="width:100%;height:1em"></div>

<div style="clear:both;"></div>

最新更新