jquery - 将div附加到dom时如何隐藏div的一部分

Question

通常，当我想隐藏 div 的一部分时，我会这样做

postion:absolute;
left:-1000px;

这有效，滚动条不会显示。但是当我尝试使用相同的样式附加一个 div 时，滚动条出现了，知道为什么以及如何修复它。

顺便说一句，我尝试溢出：隐藏，它不会工作。

这是代码

#container{
width: 85%;
height: 900px;
margin: 0px auto;
overflow: hidden;
/*background-color: green;*/

}

.work_area{
width: 1090px;
height: 700px;
margin: 10px 0px;
/*padding-top: 200px;*/
background-color: #FFF;
box-shadow:0px 0px 13px #666;
/*border-radius: 8px;*/
position: absolute;
right:-1020px;

}

   $('#container').append("<div id='realapp_wrapper' class='work_area'></div>")

Answer 1

尝试：溢出：隐藏； http://www.w3schools.com/cssref/pr_pos_overflow.asp

Answer 2

您也可以在 jquery 中执行此操作：

$('.slider').appendTo('body');
$('.slider').css({
    "position": "absolute",
    "left" : "-1000px"
});​

Answer 3

尝试添加position: relative到#container

Answer 4

更好的方法是为此设置一个 css 类

.hidden {display: none}

或者

.hidden {visibility: hidden}

然后，附加将隐藏类分配给它的 div。
当您需要显示 div 时，只需从中删除类即可。