jQuery动画奇怪的正确位置？

Question

我正在开发一个新项目，这次我想登录，当你点击操作登录时，登录表格会消失，标题会滑到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';
            });
        });
    }
}]);

演示网址; http://dylaan.nl/rekentalent/#/

Answer 1

你有一个div #logo，它有css float:left ..

float是这种行为的原因..当你设置浮动它浮在页面上..它不再在它的实际父亲之下..当你淡出父，你期待这个特定的元素也fadeout和父母一起..但它没有