以百分比设置div的高度

Question

我想通过使用const Component = ({ classes }) => ( <Tabs value={0}> <Tab classes={{ root: classes.tab }} label="One" /> <Tab classes={{ root: classes.tab }} label="Two" /> </Tabs> ); // this is injected as classes prop into the wrapping component const styles = { tab: { minWidth: 200, // a number of your choice width: 200, // a number of your choice } }; export default withStyles(styles)(Component); 之类的百分比单位来调整 flex-container 的大小，但是它只适合内容的 {{ 1}}。如果我尝试使用height: 10%，它可以工作，但是我肯定需要百分比。

height

px

在这种情况下我该怎么办？

Answer 1

.top_section具有height: 10%。因此.top_section的高度将是其父级的10%。因此，您需要设置其父元素的高度。

例如，如果其父级为body，那么您可以拥有

body: {
    height: 100vh;
}