javascript - 父层div在设置了overflow值为hidden的情况下，子层div如何才能超出父div的范围-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

ringa_lee 2017-04-10 14:49:46

[JavaScript讨论组]

1081

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

ringa_lee

全部回复(4)

ringa_lee2017-04-10 14:51:46 4楼

IE6时代是可以的，以后的好像就没有办法了。毕竟是两种矛盾的需求。

赞 +0

添加回复

天蓬老师2017-04-10 14:51:46 3楼

position:absolute

赞 +0

添加回复

巴扎黑2017-04-10 14:51:46 2楼

好像没有办法吧

赞 +0

添加回复

PHP中文网2017-04-10 14:51:46 1楼

<!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>
        <p id="fu">
            <p id="zi1"></p>
            <p id="zi2"></p>
            <p id="zi3"></p>
        </p>
    </body>
</html>

我试了一下position:absolute　发现应该是可以的。
楼主看一下，是你想要的效果吗？

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>