                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /企業網站綜合布局實戰

代碼實現在網頁之后浮動問題解決不了

<!DOCTYPE?html>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?
charset=utf-8">
<title>企業網站</title>
<link?href="企業網站.css"?rel="stylesheet"?type="text/css"/>
<script?src="js/setHomeSetFav.js"?type="text/javascript">
</script>
</head>
<body>
<div?class="top">
	<div?class="top_content">
		<ul>
		<li><a?href="#">聯系我們</a></li>
		<li><a?href="#"?onClik="AddFavorite(window.
		location,
		document.title)">加入收藏</a></li>
		<li><a?href="#"?onClik="SetHome(window.location)">
		設為首頁</a></li>
	</div>
</div><!--?top結束?-->
<div?class="wrap">
	<div?class="logo">
		<div?class="logo_left"><img?src="images/logo.jpg"
		alt="慕課網"/></div>
		<div?class="logo_right"><img?src="images/tel.jpg"
		alt="服務熱線"/>24小時熱線服務:<a?class="tel">
		123-456-7890</a></div>
	</div><!--?</div>logo結束?-->
	<div?class="nav">
		<div?class="nav_left"></div>
		<div?class="nav_mid">
			<div?class="nav_mid_left">
			<ul>
				
				<li><a?href="#">首頁</a></li>
				<li><a?href="list.html">關于慕課網</a></li>
				<li><a?href="list.html">新聞動態</a></li>
				<li><a?href="list.html">課程中心</a></li>
				<li><a?href="list.html">在線課程</a></li>
				<li><a?href="list.html">人才招聘</a></li>
			</div>
			<div?class="nav_mid_right"></div>
			</div>
		<div?class="nav_right">
			<form?action=""?method="post">
			<input?type="text"/>
			</form>
		</div>
	
	</div>?<!--?nav結束?-->
</div><!--?</div>??wrap結束?-->
</body>
</html>


*{
margin:0;
padding:0;
font-size:12px;
}
body{
background:#F5F5F5;
}
.top{
	width:100%;
	height:27px;
	background:url(images/top_bg.jpg)?repeat-x;
}
.top_content{
	width:1000px;
	margin:0?auto;/*盒子居中*/
}
.top_content?li{
	list-style-image:url(images/li_bg.gif)?;
	float:right;
	width:70px;
	line-height:27px;/*在27p高垂直方向的頁面居中*/
}
.top_content?a:link,.top_content?a:visited/*超鏈接的初始
狀態*/
{
	color:#8e8e8e;
	text-decoration:none;/*設置為沒有下劃線*/
}
.top_content?a:hover,.top_content?a:active/*鼠標放在
字體上之后的設置*/
{
color:#900;
text-decoration:none;
}
.wrap{
	width:1000px;
	margin:0?auto;
}
.logo{
	height:80px;
	background-color:#fff;
	
}
.logo_left{
	width:200px;
	float:left;
}
.logo_right{
	width:300px;
	float:right;
	height:28px;
	margin-top:30px;
	color:#8e8e8e;
}
.logo_right?img/*控制圖片的位置，讓圖片居中*/
{
	vertical-align:middle;
	margin-right:10px;
}
.tel
{
	font-family:;
	color:red;
	font-size:16px;
}
.nav{
	height:40px;
}
.nav_left{
	width:10px;
	background:url(images/nav_left.jpg);
	float:left;

}
.nav_mid{
	width:980px;
	background:url(images/nav_bg.jpg)?repeat-x;
	float:left;
}
.nav_right{
	width:10px;
	background:url(images/nav_right.jpg);
	float:left;
	}