老师，麻烦你帮我看看这样可以吗

来源：2-2 编程练习

陈孝芳

2019-10-16 10:27:55

<!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:gray;
  }
.header .logo{
     float:left;

}
.header img{
     width:200px;
     height:100px;
     padding-left:100px;
}
.header .nav{
     float:right;
}
.header .nav ul{
     padding-right:100px;
}
.header .nav ul li{
     list-style-type:none;
     float:left;
     width:80px;
     height:100px;
     line-height:100px;
     font-size:18px;
     font-weight:bolder;
}
</style>
</head>
<body>

<div class="header">
     <div class="logo">
         <img src="http://climg.mukewang.com/595dd5120001736902000080.png"/>
     </div>
     <div class="nav">
         <ul>
             <li>前端</li>
              <li>后端</li>
               <li>移动端</li>
                <li>数据库</li>
         </ul>
     </div>
</div>
</body>
</html>