为不同的分辨率扩展容器 div 中的 div答案

【问题标题】：Expanding divs in a container div for different resolutions为不同的分辨率扩展容器 div 中的 div
【发布时间】：2012-01-15 16:06:39
【问题描述】：

我有一个 HTML / CSS 问题，关于在填充其他 div 时使 div 适应屏幕。

这是我的“主要” div 中的结构：

我在一个容器 div 中有 3 个 div，容器中的最后一个 div 有一个 overflow:auto;属性（因为它具有可滚动的内容）。整个容器 div 向左浮动。

如何让最后一个内部 div 以屏幕分辨率扩展？这里的问题似乎是我的容器 div 没有真正的“大小”，所以当我将它设置为 height: 100%;什么都没有发生。当然这意味着如果我给它分配一个实际大小，那么它就不会增长到分辨率..

我该怎么办？

【问题讨论】：

你有可以链接到的演示吗？
至少结构或图纸的代码
这有帮助吗？这听起来像是我遇到的问题。 stackoverflow.com/questions/8130260/how-to-achieve-layout-goal

【解决方案1】：

您是否查看过 CSS3 媒体查询？这是tutorial 和demo。

【讨论】：

看起来这需要对分辨率进行一些硬编码，这是最好的方法吗？
你是对的；我不认为这是最好的方法。通常将 width:100% 设置为容器 div 并将固定宽度设置为前两个 div 会使最后一个 div 根据需要扩展，但我相信您的问题是父 div 是浮动的，因此从常规流程中删除文档，所以我想这行不通。