html - DIV 高度不会按我想要的方式缩放

标签 html css dynamic css-tables

http://telschowdesign.com/_JCM/ - 模拟
http://telschowdesign.com/_JCM/index2.html - 失败

几乎我有这两个侧面板,我想按模型中所示的高度缩放。无论出于何种原因,我都无法让他们使用我当前的 CSS 来做到这一点。我试过使用 height=100% 但这不起作用。我不想使用静态尺寸,例如 700px 等

我知道这可以使用表格来完成,但我希望能够将相同的内容用于移动版本的 CSS。

最佳答案

height:100% 并不代表您认为的那样。这意味着您设置此样式的元素将占据其包含元素高度的 100%,而不是其子元素高度的 100%。

您想要实现的是一个非常典型的 3 列布局。以下是如何操作示例的链接:

http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm

关于html - DIV 高度不会按我想要的方式缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15874470/

相关文章:

html - 在 Bootstrap 中为表格和行赋予高度

Javascript 在三个隐藏的 div 之间切换

javascript - 我怎样才能使这些 div 在页面响应下相互移动?

html - 试图在拍卖服务页面创建简单的菜单,有一些问题

php - 将动态命名的 radio 输入的值提交到数据库

c# - 使用动态属性初始化惰性属性

linq - 使用在运行时解析的类型调用 System.Linq.Queryable 方法

javascript - 如何在 Bootstrap Datepicker 中检查日期是否被禁用?

javascript - 使用 sessionstorage 保存暗模式

Javascript DIV 在滚动上移动