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

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

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏