0

通常、divの一部を非表示にしたい場合は、そうします

postion:absolute;
left:-1000px;

これは機能し、スクロールバーは表示されません。しかし、同じスタイルを使用してdivを追加しようとすると、スクロールバーが表示され、その理由と修正方法がわかりません。

ところで、overflow:hidden を試してみましたが、うまくいきません。

ここにコードがあります

#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>")
4

4 に答える 4

1

試してください:オーバーフロー:非表示; http://www.w3schools.com/cssref/pr_pos_overflow.asp

于 2012-08-16T06:52:36.947 に答える
0

jqueryでもできます：

$('.slider').appendTo('body');
$('.slider').css({
    "position": "absolute",
    "left" : "-1000px"
});​
于 2012-08-16T07:02:49.977 に答える
0

position: relativeに追加してみる#container

于 2012-08-16T09:46:57.747 に答える
0

より良いアプローチは、このための css クラスを持つことです

.hidden {display: none}

また

.hidden {visibility: hidden}

次に、隠しクラスを割り当てる div を追加します。
div を表示する必要がある場合は、div からクラスを削除するだけです。

于 2012-08-16T06:55:23.330 に答える