css隐藏绝对定位元素,父元素overflow-y: scroll; 里面的子元素绝对定位被隐藏。

父级元素overflow-y: scroll; 里面的子元素绝对定位被隐藏。

*{

margin: 0;

padding: 0;

}

.side{

float: right;

width: 300px;

height: 100%;

overflow-y: auto;

}

.item{

position: relative;

margin: 10px 0;

}

.item-hd{

background-color: #ccc;

font-size: 14px;

line-height: 30px;

text-align: center;

}

.item-bd{

display: none;

position: absolute;

top:0;

right: 280px;

width: 300px;

height: 200px;

background-color: #f00;

z-index: 9;

}

.item:hover .item-bd{

display: block;

}

XXXX

2333

666

2333

666

2333

666

2333

666

2333

666

2333

666