jQuery动画的位置正确吗？

我正在做一个新项目，这次我想登录，当你点击登录表单中的op Log时，它会消失，标题会滑动到45像素的高度。但是现在，容器的slideUp div应该向上滑动到0高度，但是由于某种原因div会向右滑动

脚本：

RekenTalent.controller('mainCtrl', ['$scope', '$location', 'userInfo', '$window', function($scope, $location, userInfo, $window){
    $scope.userInfo = userInfo.query();
    if($scope.userInfo.loggedIn) { $location.path('./homepage') }

    $scope.login = function() {
        $("#loginFrm").fadeOut(function() {
            $("header").animate({'height': 45});
            $("#slideUp").animate({'height': 0}, 1500, function() {
                $window.location.href = './#/homepage';
            });
        });
    }
}]);

演示URL

您有一个带有css float:left的div徽标

浮动是这种行为的原因。。设置浮动时，它会在页面上浮动。。它不再属于它的实际父对象了。。当您淡出父元素时，您希望此特定元素也会随着父元素淡出。。但事实并非如此