开发者社区> 问答> 正文

css overflow:hidden问题

<div class="content">
   <div class="menu">//...下拉菜单</div>
</div>

现在content 有个overflow:hidden 导致menu 下拉菜单出不来 而其他页面的content需要overflow:hidden

所在不去除content 的 overflow:hidden情况下

怎样让菜单显示出来?

展开
收起
a123456678 2016-03-25 10:22:33 1882 0
1 条回答
写回答
取消 提交回答
  • 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。

    2019-07-17 19:13:39
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载