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

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

WBOY
WBOYOriginal
2016-06-24 11:39:17912Durchsuche

代码如下:
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使用时的注意点,再结合你的代码,你就知道了
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn