CSS：最大宽度赢得'；你不会退缩吗？

可能重复：

我正在尝试制作一个类似聊天的应用程序，但现在我遇到了一些小错误

我有一个最大宽度设置为350px的div。但是当我把下面的文字放进去的时候：

dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd

它将在每个空间添加新行，但div的宽度将保持在100px。我在JSFIDLE中做了一个小例子：

正如您所看到的，黄色框的宽度是100px，而我希望它缩小到文本的宽度。我还尝试使用一个元素来修复它，但黄色框保持不变

基本上，我希望它看起来像第三个盒子，同时保留最大宽度部分

有人知道黄色框将如何缩小到文本的宽度吗

<p></P>

---

演示：

DIV的默认宽度是100%，所以最大宽度只是在你的小提琴中加上限，它不会考虑内容的宽度。

要将DIV压缩到其内容，您需要

display:inline块或<代码>浮动：左侧；宽度：自动

检查此项或

不要使用一个
div
而是使用两个
div
的（或）

一个
div
和一个
span
。我想这就是你想要的。
但在小提琴中，宽度是100px！。您将100px更改为350px.true。我将示例缩小了一点，但问题仍然存在。我还尝试了阿尔瓦罗·G·维卡里奥提到的另一页。但我仍然有问题，不完全是我想要的。基本上，我希望它看起来像小提琴中的第三个盒子：但是第三个盒子没有设置最大宽度，但这是项目所需要的。是的，我准备好帮助你了。但我不明白。你能在这里插入图片吗？对不起。我重新检查了你的答案，如果我添加标记，div的行为确实会改变。然而，这是不可能的，因为它应该提供人工输入，然后我需要检查一种方式，当某个句子太长时，它将添加标记。但是，使用正确呈现的标记！谢谢你！