私は今、この問題を少し抱えています..
私が作業しているものの大まかな「モックアップ」を作成しました。jsfiddleを見ると、「カレンダー」(テーブル) がその親 div (「オレンジ」の div) に含まれていないことがわかります。
ウィンドウのサイズが変更されるたびにテーブルが常にその親要素内に含まれるようにするには、どうすればよいですか?
親要素の上、左、下、右から10pxを維持しながら、スクロールバーを作成せずにこれを行う必要がありますか?
すべてのヘルプは大歓迎です!
私は今、この問題を少し抱えています..
私が作業しているものの大まかな「モックアップ」を作成しました。jsfiddleを見ると、「カレンダー」(テーブル) がその親 div (「オレンジ」の div) に含まれていないことがわかります。
ウィンドウのサイズが変更されるたびにテーブルが常にその親要素内に含まれるようにするには、どうすればよいですか?
親要素の上、左、下、右から10pxを維持しながら、スクロールバーを作成せずにこれを行う必要がありますか?
すべてのヘルプは大歓迎です!
http://jsfiddle.net/URwpA/26/はどうですか
基本的に、HTML からすべての幅と高さ (ピクセル単位) を削除td, th {height:16%}
し、CSS に追加します。(また、CSS ブロック内のスタイルと衝突したため、 からstyle
属性を削除して少しきれいにしました。)<div class="held">
まず、css は、#held
実際にはクラス ( .held
)である必要があるときに、保持されている () の ID を参照しています。
もう 1 つは、フロー コンテキストからposition:absolute
div を削除することですhold
。これが、オレンジ色の背景が下まで伸びていない理由です。これを取り除くと動作します:
http://jsfiddle.net/DigitalBiscuits/URwpA/22/
これはあなたが探していたものですか?