扩展栏效果:关键逻辑:父:position:relative; display:none; 子:position:absolute;
①子元素样式
.son{
padding:10px;
background-color:#003300;
color:#FFFFFF;
width:300px;
height:300px;
display:none;
position: absolute;
z-index:999; //必须比父元素的要大
left:-30px;
top:-20px;
}
②父元素样式
.father {
z-index:99px;
width:400px;
height:400px;
position:relative;
}
③父div hover的设置
div:hover .son{
display:block;
}