新手求教:关于定位和z-index不起作用的问题,请各位大神帮忙,在线等_html/css_WEB-ITnose
程序员文章站
2022-05-24 13:43:17
...
代码如下:
下拉菜单
我想知道比如为什么后一个div不是应该相对于前一个div进行定位的吗,但是现在后一个div却相对于body进行定位,而且z-index也不管用,这是什么问题?
随手写的,参考下吧,z-index在这种情况下才会起作用
absolute(绝对定位)和relative(相对定位),通俗来讲前者定位的参照物为父级元素,后者的参照为本身在文档流中的位置
至于z-index的问题,你在网上找找z-index使用时的注意点,再结合你的代码,你就知道了
我想知道比如为什么后一个div不是应该相对于前一个div进行定位的吗,但是现在后一个div却相对于body进行定位,而且z-index也不管用,这是什么问题?
回复讨论(解决方案)
定位是跟父集相对的 你现在下面的那个div在外面 并不在上一个div里面
so 就会出现这种情况咯
你这样写
你可以仔细去看看 相对定位和绝对定位的知识
后一个div你用的是position:relative,这种方式没有破坏文档流。
而它之前的div,用的是position:absolute,这种方式破坏了文档流,
它们两个div不在一个层面上的。
弱弱问一下。z-index不是叠层次序麽
随手写的,参考下吧,z-index在这种情况下才会起作用
后一个div你用的是position:relative,这种方式没有破坏文档流。
而它之前的div,用的是position:absolute,这种方式破坏了文档流,
它们两个div不在一个层面上的。
absolute(绝对定位)和relative(相对定位),通俗来讲前者定位的参照物为父级元素,后者的参照为本身在文档流中的位置
至于z-index的问题,你在网上找找z-index使用时的注意点,再结合你的代码,你就知道了