为啥向下是top,向右又是left啊

来源:13-6 万事无绝对 -层模型之绝对定位

明明一只车

2015-06-29 15:51

感觉一直是反的啊 想了两遍也没清楚

写回答 关注

2回答

  • 随性随意
    2015-06-29 21:06:51

    楼上回答正解,top的意思是该元素距浏览器顶部的距离,很显然当距离变大时整个元素肯定是向下运动的;left可同样理解。

    !!!读者注意:浏览器计算top left的一些值(可为负值)时,是以浏览器左顶点为原点的(从上到下为正,从左到右为正)。

  • Perona
    2015-06-29 19:04:20

    想一下,

    向下就是距离顶部多少像素,所以用top;

    举个栗子,向下120像素

    <style type="text/css">
    div{
        width:200px;
        height:200px;
       border:2px red solid;
       position:absolute;
       top:120px;
    }
    </style>

    向右就是距离左边多少像素,所以用left;

    举个栗子,向右240像素

    <style type="text/css">
    div{
        width:200px;
        height:200px;
       border:2px red solid;
       position:absolute;
       left:240px;
    }
    </style>


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

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

1225297 学习 · 18230 问题

查看课程

相似问题