html - 在没有 JS 的情况下更改固定布局上的动态 div 高度?

标签 html css

所以我有一个布局,我对此有一些疑问。我不确定这是否可能,但我试一试!

正如您从附图中看到的那样,简而言之,我的问题是如何在没有 JAVASCRIPT 的情况下使红色和蓝色 div 具有滚动条和适当的高度。 (使用 JS 很好,但我必须发现没有它是否可以完成。) 因此,当分辨率较小时,红色和蓝色 div 也较小,带有滚动条。 基本上这两个 div 的高度是唯一可以改变的东西。

那么纯 CSS、SASS 或其他东西是否可行?纯 HTML 和 CSS 可以这样工作吗? 对任何解决方案感兴趣。 谢谢!

这是它的模型,因此我们可以使用它。

jsfiddle

这里是布局图和一些信息: layout png http://kepfeltoltes.hu/140730/muse_layout_stack_www.kepfeltoltes.hu_.png

最佳答案

好吧,我已经接近我想要的目标了!也许这就是纯 css 的终结。 这里是: http://jsfiddle.net/r42EQ/

唯一的一周点是我必须指定左右内容的顶部值:

.leftCont { top: 80px; background: #bf828c; }
.rightCont { top: 100px; background: #90a6ba; }

有没有办法更好地避免这些必须给出的最高值? 真的很感谢!

关于html - 在没有 JS 的情况下更改固定布局上的动态 div 高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25045758/

相关文章:

css - 为什么 Chrome 浏览器会更改边框大小而不是将其设置为我要求的大小?

javascript - 以字符串形式检索原始 html 实体(十进制)值

javascript - 使用 base64 编码文本而不是 multipart/form-data 上传文件 - 好主意?

javascript - onclick 不会滚动主体

html - 为什么我折叠的导航菜单在展开时没有将内容向下推?

html - 以下哪项是使我的页面具有响应性的最佳方式?

css - 歌剧和@font-face

css - 从实现中仅获取页脚 css

javascript - 如何用javascript改变底部的样式?

css - 第二个 child div高度填充父高度