段落以指定的宽度和高度延伸到div之外

Question

我有float:left的2个div。两者都有指定的宽度，高度，填充和边距。但是在其中一个div上，带有段落标签的内容会大大溢出div的右边缘。

我的CSS就是这样说的：

此div中的内容按预期运行：

#upcomingevents
{
    float: left;
    background-color: #FFFFFF;
    width: 300px;
    height: 400px;
    margin: 25px;
    padding: 10px;
}

此div中的内容溢出右侧，创建一个滚动条：

#maincontent
{
    background-color: #FFFFFF;
    float: left;
    height: 400px;
    width: 555px;
    margin: 25px;
    padding: 10px;
}

这两个div都包含在具有overflow:auto

的div中

#contentinner
{
    overflow: auto;
    width: 1000px;
    margin: auto auto 60px;
    padding-top: 20px;
}

我真的很困惑为什么#maincontent p以这种方式行事。谁能告诉我我做错了什么？

Answer 1

它是一条连续的线。添加

word-wrap: break-word;

到#textcontent > p标记以打破行