防止分箱溢出

Question

我已经尝试了所有可以解决这个问题的解决方案，但该死的东西一直在溢出。具体来说，当我在此处http://robinlovelace.net/右边的“观看空间”文本中添加多于一个额外的单词时，它会从应该移动到页面底部的位置消失，在'评论的链接。

我尝试在CSS overflow: auto;区域添加word-wrap: break-word;和#home_right（按照建议的here），但这也失败了。这是一个如此简单的问题我认为我必须遗漏一些可能对他人有用的东西。

Answer 1

这是因为div是浮动的，当你向其添加内容时，宽度会被文本扩展并变得大于可用区域，因此浮动到最近的可用空间。要防止文本扩大div，您需要在侧栏上设置宽度。使用firebug我发现在你的情况下你需要在#home_right的CSS中添加它：

width: 224px;

Answer 2

您需要在其上设置宽度。请尝试以下操作：

#home_right {
    width: 220px;
}

这就是目前的情况：

#home_right {
    overflow: auto width: 10 em; /* Syntax is incorrect, you forgot the ; */
}

在这种情况下，实际上不需要overflow ..你需要的只是一个宽度！

Answer 3

你有什么：

overflow: auto width: 10 em;

你应该拥有什么：

overflow: auto;
width: 10em;

太空和冒号，小心！