帮忙写一个超级简单的CSS代码

来源:百度知道 编辑:UC知道 时间:2024/06/21 19:19:43
很简单很简单 不要想太复杂了

最终实现后的代码大概样子为

<input type="text">
<div>
<div>aafff</div>
<div>ab</div>
<div>acc</div>
<div>addd</div>
<div>aaaee</div>
</div>

画面要求:
通过这几个写死的代码

aafff
ab
acc
addd
aaaee

是换行显示
并且周遍有边框且在输入框下面
要让他们变得像下拉框
如附件

(下面文字 是附加说明)
其实我想做一个程序,是类似于google的补全搜索功能
例如 输入"j" 就会出现java j2ee jxxx等等
我不想看教程 谢谢大家
我只想要那么一个CSS 来定义DIV 让他变得像下拉框就可以了
值可以写死
楼上楼下的 你们误解了 或者说我知道你们在嘲笑我
我的意思是
这个程序思路我已经全部搭建好了 现在就差一个看似下拉框但又不是下拉框的 div样式
我不会写css所以才有此一问
长见识了,还有理解能力这么先进的人士啊 。。

<style>
#search{border:1 solid #999;width:120;}
#search_select{margin:1px 0 0 1px;border:1 solid #eee;width:120;}
#search_select div{margin:2px;}
#search_select div.this_hover{background-color: #f5f5f5;text-decoration: underline;}
</style>

<input id="search" type="text" />

<div id="search_select">
<div>
aafff</div>
<div>
ab</div>
<div class="this_hover">
acc</div>
<div>
addd</div>
<div>
aaaee</div>
</div>

...学习了,本来以为只有Ajax可以实现这样的功能,CSS也可以~~~

<div style="border:1 solid black;width:100;">
<input type="text">
<div>
<div>aafff</div>
<div>ab</div>
<div>acc</div>
<div>addd</div>
<d