jquery - 调整窗口大小时保持表格纵横比

Question

这个问题我有一段时间了。。

我已经为我正在使用的东西创建了一个粗略的“模型”。如果你看一下jsfiddle，你会看到“日历”（表）没有包含在它的父 div 中（“橙色”div）

我需要做什么，以便每次调整窗口大小时表格始终包含在其父元素中？

它必须在不创建滚动条的情况下做到这一点，同时与父元素的顶部、左侧、底部和右侧保持 10px 的距离？

http://jsfiddle.net/URwpA/10/

非常感谢所有帮助！

Answer 1

http://jsfiddle.net/URwpA/26/怎么样

基本上，从 HTML 中删除所有以像素为单位的宽度和高度，并添加td, th {height:16%}到 CSS 中。style（我还通过从 中删除属性进行了一些清理<div class="held">，因为它与 CSS 块中的样式发生冲突。）

Answer 2

首先，您的 css 引用了 hold ( #held) 的 id，而它实际上应该是一个类 ( .held)

另一件事是通过使用position:absolute您hold从流上下文中删除 div，这就是橙色背景没有延伸到底部的原因。把它拿走，它就可以工作了：http: //jsfiddle.net/DigitalBiscuits/URwpA/22/

这是你要找的吗？