html5子元素浮动不重叠,CSS怎么让子元素叠在父元素的下面？z-index无效。

父级position：relative; z-index:0;

子级position: absolute; z-index:-1;

Document

ul {

float: left;

}

ul li {

list-style: none;

margin: 7px 20px 6px 0;

float: left;

position: relative;

cursor: pointer;

background: $fff;

z-index: 999;

}

ul li span{

height: 20px;

padding: 0 5px;

line-height: 20px;

display:inline-block;

background:#fff;

border: #555 1px solid;

}

ul li:hover .sub-ul {

display: block;

}

ul li .sub-ul {

position: absolute;

width: 180px;

left: 0px;

border: red 1px solid;

background: #fff;

display: none;

z-index: -1;

top:10px;

}

ul li .sub-ul li {

border: none;

height: 23px;

margin: 0px;

line-height: 23px;

float: left;

}

• 手机
  • 智能机
  • 功能机
  • 对讲机

这样不就在父元素下面了