>  기사  >  웹 프론트엔드  >  新手求教:关于定位和z-index不起作用的问题,请各位大神帮忙,在线等_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 11:39:17830검색

代码如下:
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으로 문의하세요.