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

Question

我现在一直有这个问题..

我创造了一个粗略的模拟＆＃39;我正在做的事情。 如果你看一下jsfiddle，就会发现＆＃39;日历＆＃39;（表格）没有包含在它的父级div中（＆＃39; orange＆＃39 ; 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实际上是一个类（#held）

时，你的css引用了一个id（.held）

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

这就是你要找的东西吗？