当添加多个列表时，页面会被遮挡。我该如何解决？

Question

谢谢！现在，效果很好 :D

我有一个 CSS 问题。我使用 overflow: auto。但是，当添加许多列表时，页面会被遮挡。我该如何解决？
我使用包裹捆绑器。这是我的应用程序。 Link
帮我。

Answer 1

将你overflow:auto;从wrapper中移除，并用max-height: 100%;

将其设置为todo

（等等，我看到你的按钮出现了问题，因为它正在失去它的位置，请使用@AdamAzad 回答）

Answer 2

这在使用 flexbox 将框垂直居中时很常见。您可以通过将 margin: auto 添加到 .todo

来修复它

.todo {
    background: #fff;
    min-width: 500px;
    width: 80%;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    margin: auto;
}

当添加多个列表时，页面会被遮挡。我该如何解决？

When many list are added, the page is obscured. How can I fix it?

javascript

css

parcel