边框不会在屏幕大小调整时封装所有缩略图元素

Question

DEMO：https://www.bootply.com/C5khaYe5Yf

我的问题是，当我调整窗口大小以容纳更大的设备（宽度> 900px）时，缩略图边框仅封装图像而不是缩略图的整个内容（h4和p），小屏幕没有问题虽然大小。我无法弄清楚导致这种行为的原因。如何使边框封装所有屏幕尺寸的所有元素？

Answer 1

@Patrick，有一个名为overflow的CSS属性。如果您将值设置为hidden，则会剪切您的内容，这会将所包含的元素保留在边框中。他们之所以溢出的原因是因为你的内容在＆＃34; thumbnail＆＃34;占用的空间比缩略图多，并且因为overflow属性的默认值是可见的，所以它会在您创建的边框之外呈现。

要了解有关overflow属性及其相关值的更多信息，您可以检查它的MDN资源here。

我已添加一个链接供您查看overflow属性。你可以看到它here。