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

更好的方法是为此

设置一个css类

.hidden {display: none}

或

.hidden {visibility: hidden}

然后，附加div为其分配隐藏的类当您需要显示div时，只需从中删除该类。

Answer 3

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

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

Answer 4

尝试将position: relative添加到#container

如何在将它附加到dom时隐藏div的一部分

4 个答案: