第二张效果图是怎么实现的

来源:13-7 相对于自己的位置-层模型之相对定位

文燚

2016-04-17 20:31

第二张效果图是怎么实现的,我把代码敲到右边没有图上的效果,没明白

写回答 关注

2回答

  • 慕粉3152426
    2016-04-17 20:44:39
    已采纳

    在指示位置敲文字,之后在

    #div1{

        width:200px;

        height:200px;

    border:2px red solid;}里面继续输入

        position:relative;

        left:100px;

        top:50px;

    如下

    #div1{

        width:200px;

        height:200px;

    border:2px red solid;

        position:relative;

        left:100px;

        top:50px;

    }

  • Ann_Z
    2016-04-17 20:38:51

    小女孩的图片是参照定位的元素,也就是前辈元素,要使用position:relative

    那段话就是相对于小女孩那张图片进行定位了,用绝对定位。距离底部距离为0.


初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

查看课程

相似问题