css – 文本不包含在div元素内

我遇到一个从来没有发生过的问题，似乎真的是前所未有的，一些文本没有包装在div中。

在这个链接是我的HTML代码的示例：

http://jsfiddle.net/NDND2/2/

<div id="calendar_container">
   <div id="events_container">  
      <div class="event_block">
         <div class="title">
            lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem
         </div>
      </div>
   </div>
</div>

任何帮助？

解决方法

那是因为在这个长字符串中没有空格，所以它必须从容器中突破出来。添加word-break：break-all;到你的.title规则来强制休息。

#calendar_container > #events_container > .event_block > .title {
    width:400px;
    font-size:12px;
    word-break:break-all;
}

jsFiddle example