即使没有内容，如何强制 antd 选项卡全高（使用 React 和样式化组件）
Posted
技术标签:
【中文标题】即使没有内容，如何强制 antd 选项卡全高（使用 React 和样式化组件）【英文标题】：How to force antd tabs to be full height even if no content (with React and styled components) 【发布时间】：2020-10-14 01:42:31 【问题描述】：我有一个使用 ant 设计和样式化组件的 react 应用程序，我试图让 antd 选项卡呈现可用的完整高度，但将高度设置为 100% 或将最小高度设置为 100% 不起作用，但是如果我设置 100vh它可以工作......但这（当然）并没有给出我想要的结果，因为我试图渲染的组件不是屏幕的全高。
有没有人有过可能有一个好技巧的 ant 设计经验？我在这里查看了一些关于堆栈溢出的解决方案，但它们似乎不起作用。一种是使用 row 和 col (here)。我还阅读了 github 上建议针对特定 antd 类的问题，例如 this one，但它似乎也不起作用。
最后，我有一个code sandbox link here，我直接从 ant design 的网站获取，并在 TabPane 中添加了一个样式道具，设置高度和背景（只是为了能够看到效果）如果有人想摆弄用它。
如果您在这一点上有经验和明确的解决方案甚至是建议，请加入。提前致谢。
【问题讨论】：
【参考方案1】：您可以使用height : 100vh 属性。使用适当的填充。
这是相同的代码沙箱链接。
https://codesandbox.io/s/bold-silence-d02qi?file=/index.js:2079-2088
【讨论】：
以上是关于即使没有内容，如何强制 antd 选项卡全高（使用 React 和样式化组件）的主要内容，如果未能解决你的问题，请参考以下文章