0

入力フィールドをページの別の場所に移動すると、autosuggest フィールドの結果を入力フィールドと一致させることができないようです。position: absolute または何を使用するかどうか疑問に思っていました。私のインデックスページのコードは次のとおりです。

<input type="text" class="autosuggest"> <input type="submit" value="Search">

<div class="dropdown">
   <ul class="result"></ul>
</div>

そして、私のCSSコードは次のとおりです。

body{
 font:0.8em Verdana;
   }

.autosuggest, .dropdown, .result {
  margin:0;
  padding:0;
  border:0;
  width:250px;
}

.autosuggest {
  padding:4px;
  border:1px solid #000;
}

.result {
  width:260px;
  list-style:none;
}

.result li {
  padding:5px;
  border:1px solid #000;
  border-top:0;
  cursor: pointer;
}

.result li:hover {
  background:#333;
  color:#fff;
}
4

1 に答える 1

1

inputand.dropdownを相対的に配置したラッパーでラップして、 position:absoluteforを追加してみてください.dropdwon。.dropdown上下を変えて配置してみるより。

そのようなものhttp://jsfiddle.net/zsUuK/6/

于 2012-08-27T07:12:21.200 に答える