使用<br/>标签</div>时,滚动条会从<div>中消失

时间:2012-10-30 00:44:04

标签: html scrollbar line-breaks

这看起来很奇怪,我无法弄清楚为什么会这样。

这是我在CSS中的代码:

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

我使用div创建给定尺寸的空间并添加我的内容。一切都很完美,直到我用br标签强制换行并且滚动条消失并且div区域之外的任何内容都丢失(或者更难以辨认)。任何评论为什么会发生这种情况以及如何解决?

1 个答案:

答案 0 :(得分:1)

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

overflow-xoverflow-y是CSS 3属性,可能无法完全支持。有关详细信息,请参阅THIS

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

第二个建议是停止使用<br />标签,这一直是一个主要的痛苦。而是使用类似的东西:

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

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