Html 图像在div元素边界外不可见

如何使div元素（包含该元素）外部的图像部分不可见

例如，我有： 高度为200像素的div.imageContainer， div内的图像（圆形），200x200像素， 图像（圆）的上半部分位于div.imageContainer内

目前情况如下：

div.imageContainer
{
position: relative;
}
div.imageContainer img
{
position: absolute;
top: 100px;
}

---

但是，位于div元素外部的下半部分是可见的，并且与下面的几个其他元素重叠（我正在尝试构建一个测试横幅）。如何将图像的一部分隐藏在元素外部？

溢出：隐藏在父div内部应该做到这一点。
首先，它完全使图像不可见。但是在您再次提到它之后，我考虑用height=200px定义div.imageContainer的高度；这就成功了。