javascript - 内部に非常に背の高い固定位置コンテナーがある最大高さのコンテナー

Question

非常に基本的な CSS の問題で問題が発生しています。

最大高さが 655px のコンテナーがあります。そのコンテナの右端には、固定位置のコンテナがあります（私がやっていることのために、固定位置でなければなりません）。固定位置コンテナの高さがとてつもなく大きいです。

コンテンツで満たされるため、その高さが必要です。最終的には、ボタンをクリックしたり、JavaScript を使用したりすることで表示されます。(スクロールトップの変更)

何が間違っているのかは 100% わかりませんが、基本的には固定位置コンテナーの 655 ピクセルだけを表示する必要があります。なぜこれが私がセットアップした方法で機能しないのか、私にはよくわかりません。

ここで JS フィドルをチェックしてください: http://jsfiddle.net/BG2bu/

.tall {
background-color:blue;
position:absolute;
right:0px;
width:200px;
height:5000px;
}

この CSS を使用して、背の高いコンテナーを定義しています。そして、位置を絶対に変更すると、親コンテナーの最大高さに制限されることを知っています。他の理由で、このコンテナーを修正する必要があります。これを行う方法はありますか？ここで簡単なものが欠けていますか？

これが JS/Jquery ソリューションで実行できる場合、私は間違いなくそれを受け入れます。

score 1 · Accepted Answer

これがあなたのニーズに適しているかどうかはわかりませんが、コンテナー div に準拠しないため、 .talldiv を別のコンテナーでラップしました。position:fixedoverflow:hidden

score 0 · Accepted Answer

これがあなたのニーズに合っているかどうかを判断するのは難しいですが、あなたは...

.tall {
    max-height: 655px;
    overflow: scroll / hidden;
}

2 に答える 2