什么是宽高自适应呢?
页面里有两个 div，开始的时候宽度都是 800px，当我们将浏览器窗口的宽度拖动到小于 800px 的时候，我们发现：上面的 div 宽度固定，一部分被隐藏在屏幕外;下面 div 的宽度会自动适应 屏幕宽度缩小 的变化。
我们把这种元素的宽或高，能够随着屏幕的宽高变化而变化的能力，叫做宽高自适应。
要设置p标签自适应宽度，可以使用CSS的“width:100%”属性来实现。这会使p标签的宽度沿着父元素自适应调整，无论父元素的宽度是多少。如果需要添加其他的样式和属性，也可以在p标签中单独设置。需要注意的是，如果p标签的文本内容过长，可能会导致宽度自适应不太理想，此时可以考虑使用“word-wrap:break-word”或者“overflow-wrap:break-word”属性来强制换行。
