Question

我正在尝试开发类似于Netflix的旋转木马，但我不能让它响应。我一直在使用codepen示例：

在此示例中，它具有硬编码的宽度和高度。我想使用响应度量（百分比）。我想使用vw视口宽度单位，但这对我不起作用，因为它不会排除滚动条。因此，当我希望每个轮播项目的宽度为20vw（因此每个都是视口大小的20％）时，它们总是比我想要的宽，因为视口不会排除滚动条。

我该如何解决这个问题？

Answer 1

我举了一个例子：Link

在这个例子中，我想显示五个项目并在右侧显示一个箭头。第6项应隐藏在箭头后面，但箭头宽度不正确。

每件商品的宽度为18.4vw（（100-8）/5=18.4）。正如你所看到的，我已经在4vw左右填充了一个填充（所以，我的总宽度减去了8），所以，我用箭头图层做了：

position:absolute;
right:0;
width:4vw;

以这种方式，箭头总是固定在右边。

问题是18.4vw是关于视口的度量，并且由于有滚动条，宽度不正确，因为滚动条宽度正在打破正确的度量。

我不知道你是否明白我想做什么。

BR。