高さが固定されたラッパーdivのdivを取得する

Question

私はdiv2を別のdiv1の中に持っています。 div1は、固定された高さとオーバーフローを持ちます。ここではシナリオです：外側の濃い黄色のdivは（あなたが右側に見ることができるスクロールを持つ）div1ある

、およびdiv.box1-large（淡黄色の境界線）がdiv2です。あなたが見る通り、は、div1をスクロールするときだけ見ることができるdiv1の中に隠されています。 div1からdiv2をどのように持ち出すことができますか？ div1には他のdivもたくさんあることに注意してください。

.div1 { 
background: #2a2a2a; 
border-style: solid; 
border-width: 0 1px 1px 1px; 
padding: 10px; 
min-height: 350px; 
height: 350px; 
overflow: auto; 

}ここ 初期DIVある

.div2 { 
    border: solid 10px; 
    font-size: 13px; 
    text-align: left; 
    width: 420px; 
    height: 270px; 
    background: green; 
    position: absolute; 
    left: 0px; 
    z-index: 9; 
    top: 62px; 
} 

EDIT：

Iが変化しようとした

ここ対応するCSSでありますdiv1

.div1 { 
    background: #2a2a2a; 
    border-style: solid; 
    border-width: 0 1px 1px 1px; 
    padding: 10px; 
    min-height: 350px; 
    height: 350px; 
    overflow: visible; 
} 

にCSSしかし、これはdiv1でスクロールを削除して示しています

私が欲しいものは、上記secenarioですがdiv1のスクロールと。

Answer 1

okです。私がそれを理解する方法。

あなたは.div2ががDIV1から取り外すことにしたいです。 div1は他の人のためにスクロール可能なままでなければなりません。div..nが内部にあります。

私はposition:absoluteと思っています。

小さなフィドルを作って、見てみましょう。 フルスクリーンでより良いビュー

body { 
 
    font-family: Arial, sans-serif; 
 
    font-size: 14px; 
 
} 
 
.div1 { 
 
    background: #2a2a2a; 
 
    border-style: solid; 
 
    border-width: 0 1px 1px 1px; 
 
    padding: 10px; 
 
    min-height: 350px; 
 
    height: 350px; 
 
    overflow: auto; 
 
} 
 
.inter { 
 
    border: solid 10px; 
 
    background-color: blue; 
 
    height: 100px; 
 
    width: 100px; 
 
} 
 
.div2 { 
 
    border: solid 10px; 
 
    font-size: 13px; 
 
    text-align: center; 
 
    width: 420px; 
 
    height: 270px; 
 
    background: green; 
 
    z-index: 9; 
 
} 
 
.abs { 
 
    position: absolute; 
 
    background-color: red; 
 
}

<div class="div1"> 
 
    <div class="inter">Something</div> 
 
    <div class="div2 abs">Stuff Man</div> 
 
    <div class="div2">What??</div> 
 
    <div class="div2">What??</div> 
 
</div>

このことができますなら、私に教えてください、またはそれは完全にマークを逃した場合は！

Answer 2

多分あなたはこれをお探しですか？

$(".div2").appendTo($(".div1").parent);