Html 浮动在边栏外的文本

文本超出了我的div，没有固定的宽度，所以我不知道它为什么这样做。 侧边栏的长度不应超过200px

HTML

---

我会选择css3断字属性。->

只需将以下内容添加到.side\u box\u内容类：

.side_box_content {
    border: solid 1px;
    padding-left: 5px;
    padding-right: 5px;


    word-break: break-all;
}

尝试：->

干杯

或者你可以试试

.side_box_content {    
    ...
    word-wrap: break-word;
}

---

非常感谢，真不敢相信我错过了，它是完全跨浏览器兼容的，对吗？根据它不需要供应商前缀，但是，有一篇关于css技巧的好文章，关于分词，或者你可以使用

分词：分词

这两个规则相似，但

分词

规则只会忽略任何空格、逗号或连字符，并将单词分开，而

分词

将监视空格、逗号和连字符，然后将单词分开。最后一个应具有最大宽度或指定的宽度，并且在块元素上效果最好

.side_box_content {
    border: solid 1px;
    padding-left: 5px;
    padding-right: 5px;


    word-break: break-all;
}

.side_box_content {    
    ...
    word-wrap: break-word;
}