2

リストの前のスペースを削除するためだけに数時間を費やしました。それでも、編集/追加するものを見つけることができません。助けてください。

ここで私の http://jsfiddle.net/tFQCS/2

#dropdown {    
position:absolute;
display:none;
border:1px solid #A4A4A4;
width:80px;
height:285px;
overflow:auto;
background:#f9f9f9;
text-align:center;
list-style-type:none;
}
#dropdown ul {
margin:0px;
height:5px;
padding:0px;
background:#f9f9f9;
list-style-type:none;
}
#dropdown ul li {
height:5px;
list-style:none;
}
#dropdown li:hover { 
background:#ccc; 
cursor:pointer; 
}

ご覧のとおり、結果パネルでテキスト入力をクリックするとリストが表示されますが、テキストの前にスペースがあるため、テキストが中央に配置されていません。テキストが一元化されるように、どうすれば削除できますか。

次に、ご覧のとおり、テキスト入力 (ボックス) とリストの間にギャップがあります。ボックスのすぐ下にスペースなしでリストを表示するにはどうすればよいですか。

ありがとう。

4

2 に答える 2

1

テキスト入力をクリックしてもリストが表示されませんが、ブラウザー自体には、body、ul、li などの要素のマージンまたはパディングが含まれています...

body, ul, li {
 margin:0;
 padding:0;
}
于 2013-10-28T03:19:26.313 に答える
1

私はあなたのフィドルを見てきました

追加

padding: 0;

あなたの問題をulに解決しました。私は左のスペースを削除します。

ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
于 2013-10-28T03:25:24.120 に答える