开发者社区问答正文

父层div在设置了overflow值为hidden的情况下，子层div如何才能超出父div的范围

父层div的样式已经设置成了overflow：hidden；不可以更改，那么我的子div如何才能超出父层div的范围显示？效果上应该像是子div漂浮于父层之上。

展开

收起

a123456678 2016-05-26 16:16:03 3386 版权

1 条回答

写回答

取消提交回答

a123456678

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>新建网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="#" />
<style>
    #fu{
        width:600px;
        height:500px;
        background: gray;
        overflow: hidden;
    }
    #zi1{
        width:300px;
        height: 400px;
        background: red;
    }
    #zi2{
        width:300px;
        height: 400px;
        background: blue;
        position:absolute;
        bottom: -200px;
    }
</style>
</head>
    <body>
        <div id="fu">
            <div id="zi1"></div>
            <div id="zi2"></div>
            <div id="zi3"></div>
        </div>
    </body>
</html>

2019-07-17 19:16:27

赞同展开评论

问答地址：

开发者社区 > 云计算 > 问答

探索云世界

热门

云计算

大数据

云原生

人工智能

数据库

开发与运维

活动广场

任务中心

训练营

直播

乘风者计划

下载

镜像站

技术资料

父层div在设置了overflow值为hidden的情况下，子层div如何才能超出父div的范围