老师没有用到z-index

来源:5-2 编程练习

永遠热泪盈眶

2019-11-01 14:19:38

<html>
<head>
    <style type="text/css">
        img{
            width:400px;
            height:350px;
        }
        div{
            position:absolute;
        }
        div:nth-of-type(2){
            top:20px;
            left:20px;
        }
    </style>
       </head>

<body>
<div>
    <img width="300px" height="246px" src="//img.mukewang.com/climg/5d6907640001942b19201080.jpg" />
</div>
<div>
<img width="300px" height="246px" src="//img.mukewang.com/climg/5d69081300019a7c09390769.jpg" />
</div>
</body>
</html>


写回答

1回答

好帮手慕小尤

2019-11-01

同学你好,实现布局有很多种方法,同学的方式就实现了布局,很棒哦!不过此小节的编程练习是为了练习z-index的使用,所以建议同学使用z-index实现布局。祝学习愉快!

0

0 学习 · 4928 问题

查看课程