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