将Div定位在屏幕顶部时出现错误

Question

图像

嗨，我希望读到这篇文章的人身体健康，精神饱满。我在定位潜水艇时遇到了一些困难。我希望高亮显示的div的建议框位于水平滚动的顶部。我正在做React Js。我在下面添加代码。我真的很感激你的帮助。感谢

<td>
<div
style={{
width: "125px",
marginTop: "0px",
marginLeft: "5px",
marginRight: "5px",
}}
>
<div style={{position:"relative"}}>
<div
id={"myAutocompleteParentDiv" + this.props.id}
style={{
width="100%";
position="relative"
}}
>
<input class="provider-form" autocomplete="off" id="myAutocompleteID" type="text" name="searchValue" placeholder="" value="" style="margin-left: 0px;">
<span style="position: relative; right: 35px; top: 5px;">
<i class="my-autocomplete-search-icon"></i>
</span>
<div id="myAutocomplete-list-cptCode0" class="myAutocomplete-items" style="max-height: 190px; overflow-y: scroll; background-color: white; width: 125px;">
<div title="searchValue" id="undefined">
<strong>822</strong>32<input type="hidden" value="82232">
</div></div>
</div>

</div>
</div>
</td>

Answer 1

您可以将z-index属性添加到要提升到顶部的元素中。在你的截图中，我无法判断它是在框架中还是在iframe中。如果它在一个框架中，无论你在CSS上做什么技巧，元素都不会在它自己的框架之外呈现。另一个可能的问题是元素被裁剪，在这种情况下，您可能需要设置overflow属性。

参考：

• https://developer.mozilla.org/en-US/docs/Web/CSS/z-index
• https://developer.mozilla.org/en-US/docs/Web/CSS/overflow