html - 滚动条从使用标签时

Question

这似乎真的很奇怪，我无法弄清楚为什么会这样。

这是我在 CSS 中的代码：

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

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

一切正常，直到我用标签强制换行br，然后滚动条消失，并且该区域之外的任何内容div都丢失（或无法访问）。

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

Answer 1

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

overflow-x并且overflow-y是可能不完全支持的 CSS 3 属性。有关详细信息，请参阅此。

我可以从经验告诉你的是，上述属性的行为不一致。因此，我建议您使用overflow:scroll旧模式支持的 ，并确保该 div 内的任何内容都适合相应的宽度。

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

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

或者

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