边框没有封装在屏幕上调整所有的小样元素

Question

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

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

Answer 1

@Patrick，有一个名为overflow的CSS属性。如果您将该值设置为hidden，它会剪裁您的内容，这会将封闭的元素保留在边框中。他们溢出的原因是因为“缩略图”内的内容占用了比缩略图更多的空间，并且因为overflow属性的默认值是可见的，所以它会呈现在您创建的边框之外。

要了解有关溢出属性及其关联值的更多信息，可以检出MDN资源here。

我已经包含一个链接，让您看到overflow财产的行动。你可以看到它here。