猪头在absolute的情况下并不会自己移动到左上角

来源:4-1 relative的最小化影响原则

猪脚啦

2016-03-21 15:57

前面老师不是说了absolute的位置跟随么,我就照着老师的第一个例子弄了下,结果就是给了猪头absolute后并没有什么改变,而且就算是使用marginleft来定位的话很麻烦,需要一点点试,如果用了left和top又是飞到框框外面去了,求解

写回答 关注

3回答

  • 慕神4975613
    2016-03-21 23:32:07
    已采纳

    定位的元素需要是父级元素的第一个子元素,这样才可以定位到父元素左上角

    猪脚啦

    非常感谢!

    2016-03-23 18:29:37

    共 2 条回复 >

  • 慕粉4116480
    2016-10-16 08:07:08

    怎么一个讲清楚的都没


    1. 无定位的abusolute元素会跟随在DOM顺序前兄弟inline或者inline-block元素后面.没有则会紧挨着父元素的左content边框.

    2. 若DOM顺序前为block元素,则无定位的absolute元素会被挤下一行.

    kahooh...

    赞一个 明白了

    2016-10-28 00:05:21

    共 1 条回复 >

  • 累人猿
    2016-09-08 09:03:59

    设置absolute后还需进行偏移参数设置:top:0px;left:0px,这样才会以<html>为偏移基准参照;若只是设置absolute而没有设置偏移参数,则都只是保持在元素的初始位置(即不会移动)

CSS深入理解之relative

relative实际使用经验分享,同时分享一些relative实践准则

47920 学习 · 26 问题

查看课程

相似问题