Html 溢出不会隐藏内容

因此，我有一个图像，我需要隐藏div之外的所有内容，我尝试使用overflow无法工作。。还有什么我应该用来隐藏图片之外的内容吗

这是

代码：

横幅
#容器{
宽度：600px；
}
#形象{
显示：块；
宽度：300px；
高度：250px；
溢出：无；
浮动：左；
位置：相对位置；
}
h1{
颜色：#aaba38；
字号：26px；
字体大小：粗体；
}
#滑梯{
位置：相对位置；
-webkit动画：mymove 6s infinite；/*Chrome、Safari、Opera*/
动画：mymove 6s无限；
-webkit动画迭代计数：1；
-moz动画迭代次数：1；
-o-动画-迭代-计数：1；
动画迭代次数：1；
}
/*Chrome、Safari、Opera*/
@-webkit关键帧mymove{
0%{右：0px；}
50%{右：210px；}
100%{右：0px；}
}
/*标准语法*/
@关键帧mymove{
0%{右：0px；}
50%{右：210px；}
100%{右：0px；}
}
.first、.second、.third{float:左；位置：相对；宽度：200px；文本对齐：右；}
.second{填充底部：20px；}
麦理根
到达顶峰
严重的是，没有这样的css属性
溢出：无
相反，您尝试使用可能有效的
溢出：隐藏
。如需更多参考，请查看此项。它

对您的
**标记**
和
**样式**

.content{
    width:300px;
    height:250px;
    overflow:hidden;
    position:relative;
}

希望这将
尝试
溢出：隐藏而不是
溢出：无哪些内容需要隐藏在您的fiddle@Benjamin文本内容代码注释：尝试将所有CSS提取到单独的文件中，或者至少在HTML代码之外。现在仍然使用内联CSS是一种糟糕的做法。
.content{
    width:300px;
    height:250px;
    overflow:hidden;
    position:relative;
}