搜索栏删除图标定位异常求助：图标随屏幕尺寸移出搜索栏

你当前的清除图标（clearSearch）用了left:20px定位，这会让它始终距离容器左侧20px，当屏幕尺寸缩小、容器宽度变窄时，图标就会超出输入框范围。只需要调整定位属性，就能让它固定在搜索栏内部右侧：

修改后的代码：

<div class="col-lg-4 col-sm-4 searchbarDiv" style="margin: 0 auto; position: relative;">
    <cc1:PSTextBox runat="server" ID="edbName" AutoCompleteType="Search" MLNullKey="PANELADMINSOFTWARE_TITLE" MLToolTipKey="RQSearchTooltip" CssClass="form-control searchbar" Style="padding-left: 40px; padding-right: 40px;" />
    <span id="edbNameIcon" class="material-icons searchIcon" style="position: absolute; left: 20px; top: 50%; transform: translateY(-50%);">search</span>
    <span id="clearSearch" class="material-icons searchDelete" style="position: absolute; right: 20px; top: 50%; transform: translateY(-50%);">close</span>
</div>

关键修改点：

• 把清除图标的left:20px替换成right:20px，让它始终距离容器右侧20px，随容器宽度变化自动适配位置
• 输入框已经设置了padding-right:40px，这个内边距刚好能容纳右侧的清除图标，避免输入内容和图标重叠

内容的提问来源于stack exchange，提问作者tsazuki