老师请看看代码这么写科学吗？
来源：5-2 编程练习
阿尔法云通讯
2019-07-21 22:19:51
<html>
<head>
<title>位置测试</title>
<style type="text/css">
div{
width:300px;
height:300px;
position:absolute;
}
.div1{
top:20px;
left:30px;
z-index:200;
}
.div2{
top:40px;
left:60px;
z-index:300;
}
</style>
</head>
<body>
<div class="div1">
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1563728198028&di=89c88eb06e8cd0ae1218cb733db32840&imgtype=0&src=http%3A%2F%2Fpic41.nipic.com%2F20140508%2F18609517_112216473140_2.jpg" />
</div>
<div class="div2">
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1563728198028&di=89c88eb06e8cd0ae1218cb733db32840&imgtype=0&src=http%3A%2F%2Fpic41.nipic.com%2F20140508%2F18609517_112216473140_2.jpg" />
</div>
</body>
</html>
1回答
-
好帮手慕查理
2019-07-22
您好，1.设置div相同样式时建议：.div1,.div2{ /*样式*/ }。
2.z-index值不需要设置那么大，设置为1,2即可。
祝学习愉快！
0
相似问题