Web ページの div に含まれる「アプリケーション」を作成しようとしています。これは、特定のサイズ (たとえば、550px x 280px) よりも大きくすることはできません。各アイテムに少なくとも 1 ～ 3 つのサブメニューがあるメニューがあります。問題は、サブメニューの高さが 280px を超えないことはわかっていますが、サブメニューが親 div の境界を超えて拡張されることがよくあることです (常に下ではなく上に成長する最後のものを除く)。
メニューがdivの境界を超えて拡張するかどうかに応じて、メニューを上下に拡大する方法はありますか?
ここに JSFiddle があります: http://jsfiddle.net/3FqcG/
「Salzburg」サブメニューが黒い DIV の境界を超えて下に伸びていることに注目してください。長すぎたら上に、余裕があれば下に伸ばしたいです。
現在、私は基本的な初期化を使用しています:$( "#menu" ).menu();
ありがとう！