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

Question

我有2个div，float:left。两者都有指定的宽度，高度，衬垫和边距。但是在其中一个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都包含在一个div中overflow:auto

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

我真的很困惑，为什么#maincontentp的行为是这样的。谁能告诉我我做错了什么？

Answer 1

这是一条连续的线。添加

word-wrap: break-word; 

到#textcontent > p标签打破行