段落以指定的宽度和高度延伸到 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 都包含在具有 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标签换行

Paragraphs extend outside of div with designated width and height