我该如何修复此滚动条？不能使用HTML

Question

我在允许您自定义个人资料的网站上，但您只能触摸css。 我管理得很好，但我对scrollbar here有疑问。它超出了边界，因为它位于边框半径为的div框中。 我怎么能解决这个问题？使其变小或从侧面推开。只要它没有走出div边界。

抱歉没有jsfiddle。

Answer 1

看起来你有一个容器元素，内部元素可以容纳你的图标。您无法剪切滚动条的角落，但有一些事情可以尝试直观地解决这个问题。

首先，对于容器元素，您需要确保已设置其CSS＆＃39; overflow-y＆＃39;属性为＆＃39;滚动＆＃39;：

    .container {
      overflow-y: scroll;
    }

然后，您可以尝试通过这样做完全摆脱边界半径：

    .container {
      border-radius: 0;
      overflow-y: scroll;
    }

或者，您可以调整＆＃39; border-radius＆＃39;并增加边界＆＃39;给出滚动条正确嵌套在容器内部并且不再超出其边界的外观：

    .container {
      border: 7px solid black;
      border-radius: 10px;
      overflow-y: scroll;
    } 

我已经为您写了Codepen example。