关于position的设置的一系列问题

来源:13-9 Relative与Absolute组合使用

慕丝7435469

2016-07-10 22:48

  1. 案例中box1的position为什么不可以不设置,它自己作为块元素已经占了位置,并且box2在box1内,为什么不能直接给box2增加position就解决问题?自己在测试中试着把box1的position取消,结果box2往左跑出box1的框了。

  2. 几乎和1问是同样的问题。这次box3先设定position:relative。但对box4的position则设置为relative。这时box4完全是在box3下面,而不再box3里面。不理解。

写回答 关注

2回答

  • 慕粉3487363
    2016-07-10 23:17:46

    绝对定位是相对于最接近的一个具有定位属性的父包含块进行绝对定位,否则相对于body进行绝对定位

  • kunlan
    2016-07-10 23:09:39

    box1 box3分别是box2 box4的长辈元素。长辈元素才能当参照所以要定义position:relative;你查下词典就知道relative有相比较而言的意思。

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

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

1225812 学习 · 18234 问题

查看课程

相似问题