div如何防止内容溢出？

Question

我有一个div，假设这个div里面可以填充任意内容，如何防止里面内容溢出这个div？

Answer 1

1. overflow: scroll 直接出现滚动条。随性所欲的滚。
2. *{max-width: 100%} 既然你说高度可以撑开，那么宽度不超过 100%；不就没问题了？针对于图片超过屏幕。
3. 对于上一条还需要让文本任意换行，防止超长文本 'a'.repeat(9999)。word-break: break-all; 让他可以任意位置断开。

但是我感觉你滚动条也不想要。你就使用 1 和 2 控制内容就可以了。

正好前两天看了一个 css防御编程的文章 https://mp.weixin.qq.com/s/_uuPHo0hG7MLam1cVHXgAw。你可以去看看