css - 防止分隔盒溢出

Question

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

我尝试在 CSS区域中添加overflow: auto;and （如此处推荐），但这也失败了。这是一个如此简单的问题，我想我一定错过了一些可能对其他人有用的东西。word-wrap: break-word;#home_right

Answer 1

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

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;

空格和分号，小心！