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



我已经遇到这个问题了一段时间了。

我已经为我正在使用的东西创建了一个粗略的"模型"。如果你看一下jsfiddle,你会发现'calendar'(表)没有包含在它的父div('橙色'div)中。

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

它必须在不创建滚动条的情况下执行此操作,同时保持父元素的顶部、左侧、底部和右侧的 10px?

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

非常感谢所有的帮助!

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

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

首先,你的css引用了一个id来保持(#held),而它实际上应该是一个类(.held

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

这是你要找的吗?

相关内容

  • 没有找到相关文章

最新更新