javascript - 高さが設定されていない場合、divがフルページサイズになるのを避けるにはどうすればよいですか?

Question

レイアウトに問題があります。現在、ページのボタンを押すと表示されるdisplay: noneand div があります。position: fixedこの div には、ユーザーが選択できるボタンのテーブルがあります。

私が抱えている問題は、このウィンドウの高さを設定しないと、ページ全体のサイズになり、ページ全体の高さになることです。ボタン番号が変更され、それぞれに固定の高さを使用できないため、これは私にとって問題です。

私はいくつかのフィドルを作成しました。最初のものは、高さが設定された div です: http://jsfiddle.net/gbRzt/ 2 つ目は、高さが設定されていないものです: http://jsfiddle.net/gbRzt/1/

これは質問とは関係ありませんが、私が抱えている問題でもあります。ボタンの最後の行では、#7 と #8 が中央に配置されていません。それらを他のように中央に配置する方法はありますか?

Answer 1

これを試して：

これを生成します：

と の両方div#rightColをdiv.bankingDialog左揃えにし、 をdiv.bankingDialog超えないようにするdiv#rightCol場合はdiv.bankingDialog、margin-leftofdiv#rightColの幅を指定できます。または、div#rightColとdiv.bankingDialogを同じレベルに配置して、両方を実行しますfloat: left。

編集：コンテナをスクロール可能にしたい場合は、これを行うことができます：

http://jsbin.com/anixeq/1/