CSS基础 设置top与left让两个div快出现重叠部分

时间:2022-04-12 06:17:06

镇场诗:慈心积善融学习,技术誓为大家学。善心速造多好事,前人栽树后乘凉。我今于此写经验,愿见文者得启发。

——————————————————————————————————————————————————————————


1、代码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<style type="text/css">

#div1{
height:300px;
width:300px;
background-color:red;
top:100px;
left:100px;

position:absolute;
}
#div2{
height:300px;
width:300px;
background-color:yellow;
top:150px;
left:150px;

position:absolute;
}
</style>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
<!--我最初写的时候,就把id与class选择器的设置方式搞错了,结果木有效果-->
</body>
</html>




2、效果图
CSS基础 设置top与left让两个div快出现重叠部分





——————————————————————————————————————————————————————————
感恩帮助过我的人。博客的精髓在技术部分,更在镇场一诗。
因为心有着无数技术誓愿学的意识,所以着手学习HTML与CSS。
如果您认为有可改进的地方,有错误的地方,请留下评论,我会处理的。
注:如果我的博文无意中侵犯了您的权益,请告知。看到您的告知后,我将及时作出处理。