react 父divy轴设置滚动之后,如何确定子div高度

如果你在父级div中设置了y轴滚动，那么子div的高度可能会根据内容的高度而变化。你可以通过以下步骤来确定子div的高度：

1. 在子div中设置样式以适应父级div的宽度。你可以使用百分比或vw（视窗宽度）来设置宽度，例如：

   .child-div {
     width: 100%;
   }

2. 获取子div的实际高度。你可以使用React的ref属性来引用子div，并使用clientHeight属性来获取实际高度，例如：

   class MyComponent extends React.Component {
     constructor(props) {
       super(props);
       this.childRef = React.createRef();
     }
     render() {
       return (
         <div className="parent-div" style={{overflowY: "scroll"}}>
           <div className="child-div" ref={this.childRef}>Hello World!</div>
         </div>
       );
     }
   }
   
   const elementHeight = this.childRef.current.clientHeight;

3. 如果你想要设置子div的高度与内容高度相同，你可以使用以下代码：

   this.childRef.current.style.height = elementHeight + "px";

请注意，如果你在父级div中设置了padding、border或margin，你需要考虑它们对子div实际高度的影响。另外，如果你设置了y轴滚动，你可能还需要考虑滚动条的高度。