html - 100% 宽度的 Textarea 填充容器，但 100% 宽度的 div 扩展父级

Question

我遇到了一个有趣的问题，希望有人能提供帮助。我有一个 textarea，当设置为 100% 宽度时，它会填充它所在的父 div。但是，如果我用 div 替换它，div 会超出父 div 的宽度以适应子内容而不是环绕。

我尝试了各种方法(display:inline-block、display:table、display:table-cell、box-sizing...)我使用了 span、div、p 和 table/tr/td..全部导致以下溢出。

我检查了源代码，我看到的只是文本区域的宽度设置为 100%，没有其他样式影响它。

检查时是否缺少某个属性？

Answer 1

我猜你只需要利用 border box :

*{ box-sizing: border-box; }