abstract：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>导航条</title> <style type="text/css"> body{width: 100%;background-color: #ccc
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>导航条</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>网页</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="">输入查询内容
</form>
</div>
<div id="box1"></div>
<div id="box2">热点</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;}, 这里是不是写错了, 课后改一下, 语法不对