css 图标在 在 输入框里，相对位置

2019独角兽企业重金招聘Python工程师标准>>>

效果图，搜索的图标在输入框里 

代码：

<div style="position: relative">
    <input id="test_suggest" name="search" value="酒仙桥" style='display: inline-block'>
    <span class="glyphicon glyphicon-search" style="left: 150px;top: 5px;position: absolute">
    </span>
</div>

注意 position 和display 的设置。如果图标在输入框的下边时，style 里面加个top，然后设置合适的值

ul 不能左对齐的问题

margin: 0px;padding: 5px;

给ul里面margin 和 padding 设置 合适的值即可

 

 

转载于:https://my.oschina.net/u/3677751/blog/3002070