Javascript 除名为'；我不能得到最大尺寸

具有具有此结构的React应用程序：

index.js

...

ReactDOM.render(
  <Provider
    store=...
  >
    <BrowserRouter>
      <App>
           //other components
      </App>
    </BrowserRouter>
  </Provider>,
  document.getElementById('root')
);

export default (props) => {
  return (
    <div style={{ backgroundColor: 'red' }}>
     <div
        className='container'
        style={{
          width: '100vw',
          height: '100vh',
          paddingBottom: '32px',
          paddingLeft: '37px',
          paddingRight: '37px',
          paddingTop: '20px',
          backgroundColor: 'green',
        }}
      >
        {props.children}
      </div>
    </div>
  );
};

我的问题是：为什么绿色没有红色大？（加/减填充，无所谓）

我试过宽度：100%，100wh，自动等等。没人工作。我希望那个元素和它的父元素一样大

这就是它的样子：

---

我在应用程序的数据上放了一个黑色矩形，因为在这种情况下它并不重要。

您要查找的属性是

vw

而不是

wh

。因此，将

width:'100wh'

更改为

width:'100vw'

应该可以解决您的问题。

您使用的宽度单位不正确：尝试使用vw或vh而不是wh

你可以在

---

注意：我已经对它进行了测试，在您修复de units之后，App.js工作了

您的容器类正在添加一个

max-width: 960px

到你的绿色矩形

您可以删除

容器

类或添加

maxWidth: '100vw'

---

关于你的绿色div的样式

container类中有什么？@klugjo用这个信息更新了这个问题如果你在chrome inspector中查看计算属性，你会看到什么？单击“宽度”并检查它的设置。这是红色的：，这是绿色的：我要的是“计算”选项卡，但不管怎样，我看到了问题。请看我的答案。下一次，考虑使用调试器来查看哪个类正在设置元素的宽度。在我的问题中，这是一个输入错误，在代码中，ans仍然不起作用。也更新了关于那个打字错误的问题。这是我问题中的一个打字错误，在代码中，ans仍然不起作用。也更新了关于这个类型的问题，我已经测试过了，在你修复了de units之后，App.js就可以工作了。也许你还有别的东西在改变款式。但作为一种内联样式，它应该比其他样式更流行。以下是我的示例：我正在尝试访问您的链接，但加载循环没有停止。很抱歉，它可能没有保存，请尝试：

maxWidth: '100vw'