css - 切出滚动条的元素

Question

这是正在发生的事情的一个例子：https ://jsfiddle.net/fz5asxn6/

如果您点击“单击我”和“添加”按钮几次，您可以看到添加的项目，但底部的项目被截断，我看不到滚动条的底部。

我试过设置overflow属性flex-flow, 和table.

有什么办法可以看到options-body整个options里面sidebar没有切断任何东西？

标签： css

Answer 1

哇，这让我很困惑。我看到了你的错误，当我打开开发工具时它就消失了。我花了一段时间才意识到您的媒体查询正在根据高度改变事物。但这立即向我展示了这个错误。

你的侧边栏有一个height: 100%;和一个margin-top: 60px;。尝试设置margin-top:0;然后您会发现这会导致问题。

我建议设置height: calc(100% - 60px);

在您的媒体查询中height: calc(100% - 15px);

那应该可以解决您的问题。