CSS：对话框底部延伸到屏幕底部，无法滚动到单击按钮

Question

我正在使用材质UI创建一个带有一些文本区域的对话框。但是，当我输入足够的文本时，对话框会延伸到屏幕之外，我无法滚动到底部以按下按钮。

<div>
    <TextField hintText="Project Name" floatingLabelText="Pitch Name"/> <div/>
    <TextField hintText="Pitch Name" floatingLabelText="Pitch Name"/> <div/>
    <TextField hintText="Shortcut" floatingLabelText="Shortcut"/> <div/>
    <TextField hintText="Subject" floatingLabelText="Subject"/> <div/>
    <TextField 
        fullWidth='true' 
        multiLine="true" 
        hintText="Pitch" 
        floatingLabelText="Pitch"
    /> <div/>
</div>

我从这开始：

如果我输入足够的文字，我就明白了：

当对话框超出页面底部时，我无法滚动到按钮。是否有一些设置我需要放入以允许我？

有关如何处理此问题的任何想法？

Answer 1

如果在父容器上放置overflow: auto属性，则只允许您在内容超出视图时滚动