滚动条位置不要紧靠边css

要实现滚动条位置不要紧贴边，可以使用CSS的padding属性来设置滚动区域的内边距，以使内容与边缘保持一定的距离。具体实现可以按照以下步骤进行：

1. 给滚动区域的父元素添加一个固定的宽度和高度，并设置overflow属性为auto。

2. 使用padding属性来设置滚动区域的内边距，例如：padding: 20px;。

3. 确保滚动区域内的内容宽度和高度大于滚动区域的宽度和高度，以使滚动条出现。

4. 在需要自定义滚动条的情况下，可以使用CSS的::-webkit-scrollbar伪类来定制滚动条样式。

下面是一个示例代码：

<div class="scroll-container">
  <div class="scroll-content">
    <!-- 内容 -->
  </div>
</div>

<style>
  .scroll-container {
    width: 300px;
    height: 200px;
    overflow: auto;
    padding: 20px;
  }
  
  .scroll-content {
    width: 100%;
    height: 100%;
  }
  
  /* 自定义滚动条样式 */
  .scroll-container::-webkit-scrollbar {
    width: 8px;
  }
  
  .scroll-container::-webkit-scrollbar-track {
    background-color: #f5f5f5;
  }
  
  .scroll-container::-webkit-scrollbar-thumb {
    background-color: #ccc;
  }
</style>