在屏幕左侧居中div

Question

有人单击“此处”后，我希望div移动到屏幕左侧的水平中心，并且div出现并显示在屏幕右侧，同时也保持水平居中。 这是我的代码

我的密码！ jsbin

Answer 1

使用顶部和左侧。

#wrapper {
    left: 50%;
    position: absolute;
    margin-left: -223px /* half of width*/
}

然后使用以下方法对div进行动画处理：

$('button[name="whattoput"]').click(function () { 
    $('div').animate({
        left: "323px" // target position + left margin
    });
});

Answer 2

检查一下，请将#wrapper的位置相对

.hidestuff {
    //display: none;
}
#wrapper {
margin-left:auto;
margin-right:auto;
width: 445px;
position:relative;
}

http://jsfiddle.net/rut2/cvp6eg0t/6/