Html &引用；溢出：滚动“；不'；t为“工作”；显示：表格单元格“；

我正在制作一个包含视频和播放列表的网页。我在创造这样的东西

正如您所见，播放列表已溢出，并且未与视频对齐，尽管我为两者提供了相同的维度，并且当播放列表中的视频数小于4时，播放列表仍有效。此外，滚动不工作

这是我的密码：

视频播放器{ 显示：表格； 线高：0； 字号：0； 背景图像：url（“回收的纹理背景”由sandeep_m-d6aeau9_PZ9chud.jpg制作）； } #视频播放器视频， #视频播放器figcaption{ 显示：表格单元格； 垂直对齐：顶部； } #视频播放器figcaption{ 宽度：20%； 高度：100px； } #视频播放器figcaption a{ 显示：块； 不透明度：.5； 过渡：1s不透明度； } #视频播放器在img上播放， 数字视频{ 宽度：100%； } #视频播放器figcaption a：悬停{ 不透明度：1； } @介质（最大宽度：1000px）{ #视频播放器视频， #视频播放器figcaption{ 显示：表格行； } #视频播放器figcaption a{ 显示：内联块； 宽度：33.33%； } }

我想你需要在你的

figcaption

里加一个

div

，然后加上

max height:216px和
溢出-y：滚动
添加到CSS中。
我认为您需要在
figcaption
中添加一个额外的
div
，然后添加
最大高度：216px和
溢出-y：滚动到它的CSS。
我想你想要的是在某个特定的固定高度后在
表格单元格中滚动。如果我给你的答案是正确的，这就是解决方案：

您希望您的
#视频播放器figcaption
具有固定高度，但由于它是
显示
类型
表格单元格
。这是给固定的高度。您可以在
表格单元格中添加一个
元素
，该元素具有固定的
高度：216px

更新：
表格
或
表格行
的最小高度取决于
表格单元格
的内容，而不考虑固定高度（如果指定给
表格单元格
）

所以，如果您为
表格单元格
指定固定的高度，这并不重要，因为
表格行
/
表格
已经是单元格的实际内容高度。然后，
表格单元格
占据整个高度

“表行的‘高度’值为‘自动’表示用于布局的行高度为最小值。最小值取决于单元格框高度和单元格框对齐方式（非常类似于行框高度的计算）。”

更多

查看此项：


.tab{
显示：表格；
宽度：100%；
}
.细胞{
显示：表格单元格；
垂直对齐：顶部；
}
.cell_2{
宽度：20%；
}
.单元2.内部单元{
高度：216px；
溢出：自动；
}  
.cell_2 img{
显示：块；
不透明度：.5；
过渡：1s不透明度；
最大宽度：100%；
}
我认为您想要的是在某个特定的固定高度后在
表格单元格中滚动。如果我给你的答案是正确的，这就是解决方案：

您希望您的
#视频播放器figcaption
具有固定高度，但由于它是
显示
类型
表格单元格
。这是给固定的高度。您可以在
表格单元格中添加一个
元素
，该元素具有固定的
高度：216px

更新：
表格
或
表格行
的最小高度取决于
表格单元格
的内容，而不考虑固定高度（如果指定给
表格单元格
）

所以，如果您为
表格单元格
指定固定的高度，这并不重要，因为
表格行
/
表格
已经是单元格的实际内容高度。然后，
表格单元格
占据整个高度

“表行的‘高度’值为‘自动’表示用于布局的行高度为最小值。最小值取决于单元格框高度和单元格框对齐方式（非常类似于行框高度的计算）。”

更多

查看此项：


.tab{
显示：表格；
宽度：100%；
}
.细胞{
显示：表格单元格；
垂直对齐：顶部；
}
.cell_2{
宽度：20%；
}
.单元2.内部单元{
高度：216px；
溢出：自动；
}  
.cell_2 img{
显示：块；
不透明度：.5；
过渡：1s不透明度；
最大宽度：100%；
}

这里只有4个视频，所有视频都是可见的，因此不需要滚动。现在，如果您给出的高度小于这4个视频的总和，则必须“figcaption”或“figure”，它将需要滚动。@divy3993但我希望它在高度>216px时滚动，这是由于第4个视频尝试给出
高度：216px
连接到您的
#视频播放器figcaption
，如果有帮助，请更换
100px@divy3993在html部分我已经给出了，我在css部分也给出了，但仍然不起作用。溢出：不起作用删除它们？这里只有4个视频，所有视频都是可见的，所以不需要滚动。现在，如果您给出的高度小于这4个视频的总和，则必须“figcaption”或“figure”，它将需要滚动。@divy3993但我希望它在高度>216px时滚动，这是由于第4个视频尝试给出
高度：216px
连接到您的
#视频播放器figcaption
，如果有帮助，请更换
100px@divy3993在html部分我已经给出了，我在css部分也给出了，但仍然不工作。溢出：没有工作来删除它们？是的，同样的事情@你可以接受这个答案。是的，同样的事情@你可以接受这个答案。