height:100%とoverflow-y:scrollの両立

Question

1. 高さをwidowサイズに合わせて100%にしたいと考えております。
2. 一方で中身は.innerがあります
3. そこでwindowをリサイズで小さくしてして.innerの高さが.wrapperの高さをうわまる場合にはoverflow-y:scrollする

上記のようにしたいと考えております。少しわかりづらいのですが、例えばinnerの高さが500pxあり、windowをリサイズして100%で指定しているwrapperの高さが結果として300pxになった場合にはoverflow-y:scrollによりスクロールができるようにしたいです。
height:100%とoverflow-y:scrollが両立させることができないためやり方がわからずアドバイスをいただければ幸いです。
また、もし可能であればもう一つのやり方として、例えばwindowをリサイズさせた場合

1. wrapper要素については500pxまでは固定値とする
2. 500pxを下回ると100%として縮小が始まる
3. 同時にoverflow-y:scrollも効かせる（例えば100%の時実際のwrapperの高さは300pxでその時innerの高さが400pxのような状況かまたはwrapperが500px以上で固定値の状況でinnerの高さが600pxの場合、これらを同時に満たすようなcss）

とてもわかりづらい質問で申し訳ございませんが
何卒、よろしくお願い申し上げます。

<div class="wrapper">
 <div class="inner">xxx</div>
</div>

.wrapper{ height: 100%;overflow-y:scroll; }

Comments

[miyabi_pudding]

現在のCSSも記載下さい。

[pegy]

コメントありがとうございます。
追記を致しました。

Answer 1

.wrapper{
  height: 100%;
  overflow-y: auto;
  max-height: 500px;
}

Comments

[pegy]

返信が遅くなり申し訳ございません。
意図していたものが実装することができました。
autoは使用したことがなかったのですが、状況に応じて変化するのですね！
本当にありがとうございます！

[miyabi_pudding]

解決したなら、ベストアンサー選出して、質問を閉じましょう。
私の一個しかないので、大変恐縮ですが　苦笑

[pegy]

失礼しました、ありがとうございます！