新手css学习遇到的问题，为什么logo一浮动页面上面就多出空白？

[已解决问题] 解决于 2017-09-11 12:54

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        body{
            margin: 0;
        }
        ul{
            list-style: none;
        }
        ul li{
            float: left;
        }
        .pg-header{
            background-color: #2459a2;
            height: 44px;
            /*margin-top: -16px;*/
        }
        .w{
            width: 880px;
            margin: 0 auto;
        }
        .pg-header .logo{
            float: left;
            margin-top: 10px;
        }
        .pa-header .menu{
            float: left;
        }
        .pg-header .menu ul li a{
            color: white;
            padding: 0 12px;
            text-decoration: none;
            line-height: 44px;
        }
        .pg-header .menu ul li:hover{
            background-color: red;
        }
        .pg-header .account{
            float: right;
        }
        .pg-header .search{
            float: right;
        }
    </style>
</head>
<body>
    <div class="pg-header">
        <div class="w">
            <div class="logo">
                <img src="http://dig.chouti.com/images/logo.png">
            </div>
            <div class="menu">
                <ul>
                    <li><a href="http://dig.chouti.com/">全部</a></li>
                    <li><a href="http://dig.chouti.com/">42区</a></li>
                    <li><a href="http://dig.chouti.com/">段子</a></li>
                    <li><a href="http://dig.chouti.com/">图片</a></li>
                    <li><a href="http://dig.chouti.com/">挨踢1024</a></li>
                    <li><a href="http://dig.chouti.com/">你问我答</a></li>
                </ul>
            </div>
            <div class="search">
                <input type="text">
            </div>
            <div class="account">
                <ul>
                    <li><a href="http://dig.chouti.com/">登陆</a></li>
                    <li><a href="http://dig.chouti.com/">注册</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="pg-body"></div>
    <div class="pg-footer"></div>
</body>
</html>