到底是那出問題了？為什么跟老師的不一樣？
*{padding:0px;margin:0px;}
ul li{list-style:none;}
.one11{width:300px;height:300px;top:100px;left:200px;border:2px solid red;
? ? ? ?position:relative;background-color:yellow;}
.two22{width:50px;height:50px;float:left;}
.two22 img{display:block;width:50px;height:50px;}
.two22 form{float:left;background-color:red;margin-left:5px;position:relative;}
.three11{border:0px;float:left;height:50px;width:150px;line-height:50px;outline:none;}
.three22{border:0px;background-image:url(a123.png);width:50px;height:50px;float:left;}
.gogo{width:199px;background:#fff;border:1px solid blue;display:none;}
.gogo ul li{font-size:15px;line-height:30px;padding:0 0 0 3px;cursor:pointer;}
.gogo ul li:hover{background-color:#437200}
</style>
</head>
<body>
<div class="one11">
<div class="two22"><img src="a123.png"></div>
<form? class="aaa" id="aaa" target="_blank" action="file:///C:/Users/Administrator/Desktop/%E6%90%9C%E7%B4%A2%E5%89%AF%E6%9C%AC.html">
<input type="text" class="three11" id="qqqq" name="q" autocomplete="off "/>
<input type="submit" class="three22" id="xiao" value=""/>
</form>
</div>
<div class="gogo" id="gogo">
<ul>
<li>搜索結果1</li>
<li>搜索結果2</li>
<li>搜索結果3</li>
</ul>
</div>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
var lao=$("#qqqq").val();
$.get('http://api.bing.com/qsonhs.asp?q='+lao,function(){},'json');
$("#qqqq").bind('keyup',function(){
?$("#gogo").show().css({
?top:$('#aaa').offset().top+$('#aaa').height(),
?left:$('#aaa').offset().left,
?position:'absolute'
?});
})
</script>
</body>
但是輸入內容后就變成這樣了? ?為什么不跟老師的一樣
