0

リスト項目内に検索バーを設計しようとしています。

 <li id="searchArea" style="width: 400px; float: none;">
 <span>     

  <img src="/ProfiletenModified/Images/searchicon18x18.png" style="
    height: 22px;
    margin-top: 5px;
    width: 22px;

    float: left;
  ">

  <input id="searchtextbox" type="text" autocomplete="off" style=" 
    border: 1px solid #fff;
  ">

  <span></span>
</span>
</li>

しかし問題は、画像が入力から非常に遠くに表示されることです。両者は互いにうまく適合しません。これを行う方法？

4

1 に答える 1

1

GCyrillus が言ったように、 を使用して両方の要素 (画像とテキスト入力) を一緒に浮動させる必要がありますfloat: left。

この小さなフィドルを参照してください: http://jsfiddle.net/jdevfox/645qH/3/

すべてなし<spam>-- つまり、<span>タグです。;)

于 2013-06-10T01:29:51.233 に答える