首页 >web前端 >html教程 >新手求教:关于定位和z-index不起作用的问题,请各位大神帮忙,在线等_html/css_WEB-ITnose

新手求教:关于定位和z-index不起作用的问题,请各位大神帮忙,在线等_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:39:17902浏览

代码如下:
nbsp;html>

 


  
  
  
  
  
  下拉菜单
  <script></script>
  <script> <br /> $(document).ready(function(){ <br /> $("#slide").toggle(function(){ <br /> $("#down_box").show(); <br /> },function(){ <br /> $("#down_box").hide(); <br /> }) <br /> }) <br /> <br /> </script>
  
 
 

新手求教:关于定位和z-index不起作用的问题,请各位大神帮忙,在线等_html/css_WEB-ITnose

你好,管理员


新手求教:关于定位和z-index不起作用的问题,请各位大神帮忙,在线等_html/css_WEB-ITnose


新手求教:关于定位和z-index不起作用的问题,请各位大神帮忙,在线等_html/css_WEB-ITnose个人信息
新手求教:关于定位和z-index不起作用的问题,请各位大神帮忙,在线等_html/css_WEB-ITnose账号管理
新手求教:关于定位和z-index不起作用的问题,请各位大神帮忙,在线等_html/css_WEB-ITnose退出系统



 

  我想知道比如为什么后一个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使用时的注意点,再结合你的代码,你就知道了
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn