css相对定位不占用空间

发布时间：2020-07-13 11:34:53 作者：Lee_吉
来源：网络阅读：2748

要点：

代码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
    div{
        position: relative;
    }
    p{
        width: 50px;
        height: 50px;
        background: red;
        opacity: 0.5;
        position: absolute;
        z-index: 999;
        top: 0;
        left: 0;
    }
</style>
</head>
<body>
<h4>外部元素</h4>
<h4>外部元素</h4>
<h4>外部元素</h4>
<div>
    <h4>内部元素</h4>
    <h4>内部元素</h4>
    <h4>内部元素</h4>
    <p></p>
</div>
</body>
</html>

效果：

css相对定位不占用空间

相关阅读