abstract:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>導(dǎo)航條</title> <style type="text/css"> body{width: 100%;background-color: #ccc
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>導(dǎo)航條</title>
<style type="text/css">
body{width: 100%;background-color: #ccc;position:relative;left: 33%;}
ul li{list-style: none;width: 100px;height: 40px;line-height: 40px;text-align:center;background-color: #FF6A00;float: left;margin: 0px 1px;}
#box1{clear: both;}
#box2{width: 70px;height: 50px;line-height: 40px;text-align:center;background-color: #FF6A00;float;margin: 1px 1px;}
#box3{width: 500px;height:80px;background-color: ;float:left 500px;position:relative;left: 200px;position:relative;top: 10px;}
#box4{width: 70px;height:70px;text-align:center;background-color: #FFFFFF; display: none;}
#box2:hover #box4{display: block;}
</style>
</head>
<body>
<ul>
<li>網(wǎng)頁</li>
<li>資訊</li>
<li>視頻</li>
<li>圖片</li>
<li>微博</li>
<li>地圖</li>
</ul>
<div id="box3">
<form action="" method="post">
<input type="text" name="username" placeholder="">輸入查詢內(nèi)容
</form>
</div>
<div id="box1"></div>
<div id="box2">熱點(diǎn)</div>
<div id="box2">視頻</div>
<div id="box2">娛樂</div>
<div id="box2">故事</div>
<div id="box2">生活
<div id="box4">故事</div>
</div>
</body>
</html>
Correcting teacher:天蓬老師Correction time:2018-12-27 11:57:58
Teacher's summary:float;margin: 1px 1px;}, 這里是不是寫錯(cuò)了, 課后改一下, 語法不對