html – 与父级别相关的叠加层的div大小

概述我有覆盖问题. 我的代码在这里：jsfiddle 主要问题是我认为CSS的第59行. max-height:auto; 如果是这样,内容只会流过叠加层.如果我将高度设置为特定的高度 max-heigt:250px; 一切都很好,覆盖层保持一个大小,滚动条出现.即使设置为100％也无济于事. 如何设置相对于其父div的大小？宽度可以通过这种方式很好地工作,但不适用于高度.我尝试了几个类和答案,我在这 我有覆盖问题.

我的代码在这里：jsfiddle

主要问题是我认为CSS的第59行.

max-height:auto;

如果是这样,内容只会流过叠加层.如果我将高度设置为特定的高度

max-heigt:250px;

一切都很好,覆盖层保持一个大小,滚动条出现.即使设置为100％也无济于事.

如何设置相对于其父div的大小？宽度可以通过这种方式很好地工作,但不适用于高度.我尝试了几个类和答案,我在这里找到,但要么我必须修改大小或内容流过覆盖.我想使用相对大小,因此它适用于大多数桌面分辨率,并且不修复大小.任何有效的解决方案？

解决方法 可能不是你想要的,但如果你在两个元素上指定一个特定的高度,它似乎工作正常.我建议你只需将max-height重命名为height：

CSS

.overlay {    ...    height: 80%;    ...}#OverlayContent {    ...    height: calc(100% - 20px); /* subtract padding or use Box-sizing */    ...}

见jsFiddle

总结

以上是内存溢出为你收集整理的html – 与父级别相关的叠加层的div大小全部内容，希望文章能够帮你解决html – 与父级别相关的叠加层的div大小所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。