我觉得代码应该是这样实现的

来源：2-4 编程练习

adve

2019-05-07 16:32:04

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
    /*此处写代码*/
    *{
        margin: 0;padding: 0;
        list-style: none;
    }
    .header{
        width: 1100px;
        height: 100px;
        background: black;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -50px;
        margin-left: -550px;
        overflow: hidden;

    }
    .logo{
        float: left;
        cursor: pointer;
    }
    .nav{
        font-size: 22px;
        color: white;
        float: right;
        overflow: hidden;
    }
    .nav li{
        height: 100px;
        line-height: 100px;
        text-align: center;
        margin-right: 60px;
        float: left;
        cursor: pointer;
    }

  </style>
</head>
<body>
  <!-- 此处写代码 -->
    <div class="header">
        <div class="logo"><img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png" alt=""></div>
        <div class="nav">
            <ul>
                <li>课程</li>
                <li>职业路径</li>
                <li>实战</li>
                <li>猿问</li>
                <li>手记</li>
            </ul>
        </div>
    </div>   
</body>
</html>

写回答

2回答