段落延伸到指定寬度和高度的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標籤打破行