问答详情
源自:13-6 万事无绝对 -层模型之绝对定位

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

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

提问者:明明一只车 2015-06-29 15:51

个回答

  • 随性随意
    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>