html – 使用自动高度父级的Div高度百分比_html-js-css

概述我想根据屏幕的高度在所有div上使用相对(百分比)高度.问题是我正在使用自动高度容器元素.有没有办法在div上使用相对大小,并且仍然在我的父div上有一个自动高度.如果我将容器的高度设置为100％,一切都按预期工作,但我需要它来扩展它的内容. 这基本上就是我现在的设定方式： <html><head><style>body, html {height: 100%;width: 100%; 我想根据屏幕的高度在所有div上使用相对(百分比)高度.问题是我正在使用自动高度容器元素.有没有办法在div上使用相对大小,并且仍然在我的父div上有一个自动高度.如果我将容器的高度设置为100％,一切都按预期工作,但我需要它来扩展它的内容.

这基本上就是我现在的设定方式：

<HTML><head><style>body,HTML {height: 100%;wIDth: 100%;}.container {height: auto;wIDth: 100%;}.element1 {height: 15%;wIDth: 80%;}.element2 {height: 25%;wIDth: 80%;}</style></head><body><div >    <div >Some text here</div>    <div >Some stuff here</div></div></body>

我们将不胜感激！

解决方法你不能.高度值为auto的父级意味着父级将扩展以包含其所有子级 – 因此容器的高度取决于其子级的高度.

如果孩子的高度相对于他们的父母,他们的身高取决于父母的身高.

此循环依赖性会阻止您执行所描述的 *** 作.

总结

以上是内存溢出为你收集整理的html – 使用自动高度父级的Div高度百分比全部内容，希望文章能够帮你解决html – 使用自动高度父级的Div高度百分比所遇到的程序开发问题。

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

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1065249.html