自动完成标记字段中的css对齐问题

我为表单中的两个字段（自动完成标记）应用了不同的css样式。但我的对齐方式有点错误：如果单击第一个字段，则下拉值在下一个字段上透明重叠。像这样：

我想隐藏第二个字段（及时归档2）输入字段

<div className="add-list_value2" >

                    <ReactAutocomplete
                                name="Timely1"
                                items = {timelyData && timelyData.map(timelyDataObj =>(
                                    {options:timelyDataObj.Insurance, 
                                    values:timelyDataObj.TFID}
                                    ))
                                }
                                shouldItemRender={(item, value) => item.options.toLowerCase().indexOf(value.toLowerCase()) > -1}
                                getItemValue={(item) => item.options}
                                renderItem={(item, highlighted) =>
                                    <div
                                    key={item.values}

                                    style={{ backgroundColor: highlighted ? '#3db4e5' : '#FFFFFF',cursor:'pointer', border:'1px solid lighten($grey-element,30%)',padding: '5px' }}
                                    >
                                    {item.options}
                                    </div>
                                }
                                inputProps={{placeholder:'Select...'}}
                                menuStyle={this.props.menuStyle}
                                wrapperStyle={this.props.wrapperStyle}
                                value={this.state.value}
                                onChange={this.onTimely1Change}
                                onSelect={this.onTimely1Change}
                            />
                    </div>   

这是内联样式：

      borderRadius: '3px',
      boxShadow: '0 2px 12px rgba(0, 0, 0, 0.1)',
      padding: '2px 0',
      fontSize: '90%',
      position: 'fixed',
      minWidth: '220px',
      overflow: 'auto',
      maxHeight: '250px',
      display: 'inline', 

---

如何正确对齐？

我只为这两个字段添加了2个css，并将第二个字段的z索引增加了2。这很有效。

使第二个下拉列表在z索引中的值比第一个下拉列表中的值更多

---

它将解决这个问题，因为第二个下拉列表在z-index中有更多的值，这使得它位于具有较低z-index的其他元素之上，在本例中是第一个下拉列表。

HTML呢？增加z-index的值。这可能会对你有所帮助。我更新了我的问题，请检查@Viiracan你可以在stackblitz代码段中分叉它们，使第二个下拉列表在z索引中比第一个下拉列表更有价值。

      borderRadius: '3px',
      boxShadow: '0 2px 12px rgba(0, 0, 0, 0.1)',
      padding: '2px 0',
      fontSize: '90%',
      position: 'fixed',
      minWidth: '220px',
      overflow: 'auto',
      maxHeight: '250px',
      display: 'inline',