Question

我正在尝试复制角度材料选择，但在定位和事件方面遇到了一些麻烦。

我有一个父div

.fancy-select-container {
position: relative;
padding: 2px;
margin: 0;
vertical-align: middle;
width:434px;
text-align: left;   
display:block;
height:35px;
}

和一个儿童div

.fancy-select-container .list-container{
width:100%;
position:absolute;
top:100%;
max-height:200px;
background-color:white;
}

然后是子div中的一个列表，其高度大于父div，因为它是一个列表。

问题是我只能点击/悬停第一个列表项，因为它在父div高度内。我尝试使用z-index，但没有得到太多的快乐。如何使溢出部分也接收事件？

由于

Answer 1

从我所看到的，您需要将“.list-item”类应用于列表中的所有项目。

示例小提琴。

   SELECT TOP 100
          (SELECT MAX(DOCUMENT_ID) FROM dbo.DOCUMENTS) + ROW_NUMBER() OVER (ORDER BY (SELECT NULL)),
          . . .

https://jsfiddle.net/agvxqge6/

无法单击div高度之外的溢出元素

1 个答案: