Javascript CSS父级可以扩展以容纳一些子级，但不能容纳其他子级吗？

因此，我有一个包含两个子元素的父HTML元素

<div id="parent">
    <div id='title"></div>
    <div id="body"></div>
</div>

如果

#title

较长，则

#body

行稍后换行：

[Longer Title]
--------------
|This is     |
|body text   |

我很好奇这是否可以在纯CSS中实现。具体地说，当我在谷歌上搜索一些关于孩子的信息时，我什么也得不到，这些信息并没有扩展到父母，或者父母只扩展到某些孩子

奖金部分：

---

这可能是javascript领域，但我也很好奇，如果且仅当文本足够长，可以在

#body

上设置

最小宽度

。

也许你的意思是-如果

#body

比

#title

长，然后将的

#正文

内容传输到新项目？选中此项：只需为

#父项

设置

显示：表格标题

。

[Longer Title]
--------------
|This is     |
|body text   |