宽度= 100％的子div使用maxWidth扩展父div

问题描述

所以我有一个父div，最大宽度为80vw。此父div包含一个宽度设置为100％的子div。子div包含一些文本。所以基本上是这样：

<div style={{maxWidth: '80vw'}}>
  {/* Some other elements */}
  <div style={{width: '100%'}}>
    Hello world. This is just text.
    This text is just some placeholder.
  </div>
</div>

在这种情况下，我会假设父div的当前宽度将由“其他元素”的宽度定义，并且子div会自动缩放为当前div的100％父级。

实际发生的情况是子div缩放到父div的最大宽度的100％，而不是其当前宽度。 如何使子div比例缩放到父div宽度的当前宽度的100％？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html javascript styling