html - 子 div 溢出父 div

Question

我有 3 组复选框，前两个具有固定宽度，最后一个应占用剩余空间。在最后一组中，如果名称很长，则该组会出现水平滚动。

但是，最后一组在这里溢出了父 div 。我怎样才能解决这个问题？

标签： htmlcssreactjsantd

Answer 1

您只需要添加overflow: auto到父容器.select__content，这样当内容太大而无法适应其块格式上下文并溢出时，滚动条就会出现并且容器.select__content容器变得可滚动。试试这个。

.select__content {
  margin-top: 2px;
  display: flex;
  overflow: auto;
}

这是更新的CodeSandbox 演示。