動的要素を持つdivの高さを設定する

Question

divの高さを設定してスクロールできるようにしようとしています。このdivは別のものと並んでいるので、私はオーバーフローを設定してスクロールしました。もちろん、私は高さをautoに設定しなければならないと思っていました。私はまた、Javascriptでこれをやってみました。問題は、このDIVの要素は、ユーザーがページに置いた内容によって変化することです。

これはdiv要素

#shiftToRight { 
height: auto; 
overflow-y: scroll; 
} 

のための私のCSSであり、これは私のdiv要素です：

<div id="shiftToRight"> 
    <div class="profile"> 
     <h1>Admin Panel</h1> 
     <h4 id="editable"><a href="" class="edit-link"><i class="fa fa-edit"></i> Edit Image</a></h4> 
    </div> 
    <div id="bar"></div> 

    <div class="jumbotron"> 
     <h1>John Doe 5th Class</h1> 
     <h3>Donec auctor tellus id metus venenatis finibus. Cras in elit.</h3> 
     <a href="#" id="editable"><i class="fa fa-edit"></i> Edit</a> 
     <div id="minor-bar"></div> 
    </div> 
</div> 

私が間違っているのか？前もって感謝します！

Answer 1

が、私は問題を修正しましたposition: absoluteを設定し、設定することにより、他のウィンドウに対して自分自身を配置するために動的にJavaScriptで「左」。

Answer 2

スクロールする場合は、固定の高さの値を追加します。そうでなければ、私はあなたが求めている正確に何で混乱しています：

#shiftToRight { 
     height: 200px; 
     overflow-y: scroll; 
    }