老師，2-2的練習

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">	
	<title>CSS布局</title>
	<style type="text/css">
		*{
			margin: 0;
			padding:0;
		}
		/*此处写代码*/
		.header{
			width:100%;
			height:100px;
			background:#eee;
		}
		.header img {
			width:300px;
			height:85px;

		}
		.header .logo{
			float:left;
			padding-left:85px;
			padding:8px;
		}
		.header .nav{
			float:right;
		}
		.header .nav ul{
			
			padding-righta:100px;
			
		}
		
		.header .nav ul li{
		float:left;
		list-style:none;
		width:80px;
		height:100px;
		line-height:100px;
		}
		
	</style>
</head>
<body>
	<!-- 此处写代码 -->
	<!--首頁-->
	<div class="header">
	    <div class="logo"><img src="http://img1.sycdn.imooc.com/climg//595dd5120001736902000080.png"></div>
	    <div class="nav">
	        <ul>
	            <li>前端</li>
	            <li>後端</li>
	            <li>移動端</li>
	            <li>數據庫</li>
	        </ul>
	    </div>
	    
	</div>
	
		<!--主體-->
	<div class="main"></div>
		<!--底部-->
	<div class="footer"></div>
</body>
</html>

慕数据3203843 2019-09-22

源自：项目：网页布局案例 2-2 编程练习