首页 > 能否实现相对同级元素设置绝对定位?

能否实现相对同级元素设置绝对定位?

<ul>
   <li>111</li>
   <li>222</li>
   <li>333</li>
   <li>444</li>
</ul>
宽高都已设置好,其他设置都忽略,只说定位。
第2、3、4个li能否相对于第一个li设置绝对定位?
也就是第一个li固定不动,第二个绝对定位在第一个li的某个位置。。。

同一楼上说法,这是概念性问题。


绝对定位:如果它的父元素设置了除static之外的定位,比如position:relative,或者position:absolute以及position:fixed,那么它就会相对于它的父元素来定位,位置通过left , top ,right ,bottom属性来规定,如果它的父元素没有设置定位,那么就得看它父元素的父元素是否有设置定位 ,如果还是没有就继续向更高层的祖先元素类推,总之它的定位就是相对于设置了除static定位之外的定位(比如position:relative)的第一个祖先元素,如果所有的祖先元素都没有以上三种定位中的其中一种定位,那么它就会相对于文档body来定位(并非窗口,相对于窗口定位的是fixed)绝对定位的元素相对于谁来定位,我们就把这个"谁"叫着参照物


234不用li换个标签放第一个li里边,相对第一个li绝对定位


相对定位元素是父子关系才可以,这样的话你可以用ul做参考,里面的li去定位就好了

【热门文章】
【热门文章】