请问为什么要设置固定定位?li不是已经这么设置了吗？

.banner > ul > li > img { position:absolute;left:-30%;height:100%;}

源自：项目：H5布局 2-3 html5页面布局（表现层_banner）

收起

2回答

好帮手慕星星 2019-09-14 13:51:11

你好，

1、每个元素使用定位的作用是什么理解的没有问题。

2、定位属性是不会继承的

3、相对定位的元素会占据原来的位置，li元素是不能改成相对定位的，布局会乱。li中只有img一个子元素，img修改成相对定位也可以，根据实际情况使用。

祝学习愉快！

好帮手慕星星 2019-09-14 11:16:56

同学你好，

absolute不是固定定位，是绝对定位哦。图片的宽度大于li父容器宽度，而图片默认从左上角开始显示，图片右侧部分会显示不出来。这里是为了让图片居中显示一些，所以用了绝对定位，设置left为-30%，图片向左侧移动。

自己可以测试理解下，祝学习愉快！

提问者 weixin_慕后端7118097 #1

可是LI容器不是已经设置了这个了吗？

2019-09-14 11:35:09
好帮手慕星星回复提问者 weixin_慕后端7118097 #2

是不一样的哦，li定位设置的是自己的位置，不会影响子元素img的位置，而img定位是设置图片相对于li的显示位置。两个都是设置自己显示的位置，可以测试下。

2019-09-14 11:50:29
提问者 weixin_慕后端7118097 回复好帮手慕星星 #3

懂了，因为LI设置的是自己定位在那个位置，然后图片的显示位置只有那个地方但是图片太大如果想要控制它显示的部分职能在加一个定位？所以每个元素设置决定定位都是相对于自身，定位是不会继承的吗？

2019-09-14 11:56:13