老师代码中的定位好像没作用啊

同学你好，关于同学的问题解答如下：

1、首先我们先来区分一下父元素和子元素，如下图

2、分清楚了父元素和子元素（二级菜单）之后，我们来看，在有定位的情况下，父元素li和子元素ul的宽度各是多少，看下图，可以发现，父元素li的宽度是94px，而子元素（二级菜单）的宽度是98px；

3、再来看没有定位的情况，在没有定位的时候，看下图可以发现，二级菜单的宽度是98px，父元素li的宽度也是98px

4、出现这种情况的原因分析：

（1）在2中，是因为二级菜单设置了绝对定位，脱离了文档流，即不再占据文档流空间，也就无法再撑开父元素的宽度。因此，在有定位的情况下，我们看到的是一级菜单比二级菜单窄，因为父元素li的宽度是94px，子元素即二级菜单的宽度是98px。

（2）在3中，去掉了二级菜单ul的绝对定位后，元素占据文档流空间，二级菜单的宽度会撑开父元素的宽度，使得父元素li的宽度也变成了98px，因此，我们看到的效果是一级菜单和二级菜单的宽度是相同的，都是98px。

希望可以帮到你，祝学习愉快~