css overflow:hidden问题

HTML,注意.content外面那层

<div class="something">
  <div class="content">
    <div class="menu">
      //you coding 
    </div>
  </div>
</div>
CSS

.something{
  position:relative;//创建.menu的包含块
}
.content{
  position:static;//这句可以不要，只是确保这里不可以是relative或者absolute
  overflow:hidden;
}
.menu{
  position:absolute;
  z-index:2
}

原理： overflow:hidden只可以挡住以该元素为包含块的内容。而这段代码中，.menu的包含块是.something而不是.content。