弹性父元素的滚动条长度比子元素的长度短。

要实现弹性父元素的滚动条长度比子元素的长度短，可以使用CSS实现。以下是一个示例代码：

HTML代码：

<div class="parent">
  <div class="child">子元素内容</div>
</div>

CSS代码：

.parent {
  display: flex;
  overflow-x: auto; /* 水平滚动条 */
  max-width: 300px; /* 父元素的最大宽度 */
}

.child {
  flex-shrink: 0; /* 子元素不缩小 */
  width: 400px; /* 子元素的宽度 */
}

在上面的示例中，父元素使用display: flex;将其设置为弹性容器，overflow-x: auto;使其水平方向出现滚动条，max-width: 300px;设置父元素的最大宽度为300像素。

子元素使用flex-shrink: 0;禁止其缩小，width: 400px;设置子元素的宽度为400像素。

通过这样设置，即可实现弹性父元素的滚动条长度比子元素的长度短。