如何解决将Div放置在屏幕顶部时遇到错误
嗨, 我希望阅读此书的人身体健康,精神振奋。我在定位div时面临一些困难。我希望突出显示的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>
解决方法
您可以将z-index
属性添加到要提升到顶部的元素。在您的屏幕截图中,我无法分辨它是在框架还是iframe中。如果它在框架中,则无论您在CSS上执行什么技巧,该元素都不会在其自身框架之外呈现。另一个可能的问题是该元素被裁剪,在这种情况下,您可能需要设置overflow
属性。
参考:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。