javascript - angular typeahead で css を使用して要素を整列する方法

Question

http://plnkr.co/edit/LmMwgy2gig11nQXzCt1I?p=preview

最終結果を次のようにしたい:

検索ボタンが検索入力のすぐ隣に配置されるように、css はどうあるべきですか?

Answer 1

このようなもの：

<div>
    <div style="width: 300px; float: left; height: 40px;"></div>
    <div style="width: 80px; float: left; height: 40px;"></div>
    <div style="clear: both"></div>
</div>

次に、ボタンを 2 番目の div 内に配置し、入力を最初の div に配置します...

Answer 2

周囲の要素 ( ) の位置を相対的にします。

入力位置を絶対にしてから配置します。

mag アイコンの場合は、背景画像を使用して、ディスプレイを「ブロック」に設定し、正しい幅と高さを設定してください。font-size: 0; の検索テキストを削除します。