Div容器高度百分比不起作用
是因为在设置高度百分比时，需要确保其父元素的高度已经被明确地设置。如果父元素的高度没有被设置，那么子元素的百分比高度将无法生效。
解决这个问题的方法有两种：
- 确保父元素的高度已经被设置：可以通过给父元素设置一个具体的高度值，例如像素值或者是其他单位的值，来确保父元素的高度已经被明确地设置。这样子元素就可以使用百分比值来设置自己的高度了。
- 使用其他布局方式：如果无法确定父元素的高度或者不想设置具体的高度值，可以考虑使用其他的布局方式，例如使用flexbox布局或者grid布局。这些布局方式可以更灵活地控制元素的尺寸和位置，而不依赖于父元素的高度。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。
- 腾讯云云服务器（CVM）：提供可扩展的计算能力，可以轻松创建和管理云服务器实例，适用于各种应用场景。产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云云函数（SCF）：无需管理服务器，按需运行代码，提供事件驱动的无服务器计算服务。适用于处理后端逻辑、数据处理、定时任务等场景。产品介绍链接：https://cloud.tencent.com/product/scf
相关·内容
1回答
在尝试用具有均匀间距的柔性盒容器制作一个全屏页面时，我发现我无论如何也不能将容器的高度设置为全页高度。这个简单的东西怎么能不起作用？我想让弹性容器覆盖至少100%的页面高度，如果需要的话，可以超过它。但一个好的开始，只是让它是‘静态’100%的高度，或任何百分比！<<em
浏览 2提问于2022-04-10得票数 0
1回答
我正在创建一个报价生成器页面，这也是响应式的。这是。这是一个在保持图像比例不变的情况下，随着页面变小或变大而动态调整大小的画布。谢谢。
浏览 0提问于2016-12-10得票数 0
1回答
浮动元素溢出出容器
、、、
我给出了以百分比表示的div的宽度值。但以px为单位指定高度。因此，当我折叠浏览器时，内容是折叠的，但是浮动的div溢出了容器。所以我试着改变所有的div高度，但它不起作用。请建议我怎么做。谢谢。
浏览 0提问于2012-12-05得票数 0
我试图让引导程序在网格中显示，我认为这是一个简单的表，每一行的高度都是固定的。 <div class="col"> </div>
<div class=
浏览 4提问于2020-11-06得票数 0
回答已采纳
在处理了许多不同的选项后，我决定创建一个简单的16_9.jpg (16x9)，然后将其放入div中，以强制该div具有我理想的比例，但似乎div并不关心其内部元素以%为单位缩放。例如，我可能会用img height="100px“来影响div的大小，但当使用百分比时，它会停止工作。这似乎是我最后的手段，因为我必须做一个固定高度的布局，这导致了一个未知的确切宽度-我只能依靠比例。
浏览 2提问于2011-01-15得票数 1
基本上，我给父容器的最小高度是50%，而子容器的高度是50%。我在父容器中放了很多文本，所以它会扩展到60%。我试过身高:1 1px技巧。它不起作用。基本上，子容器保持在父母最小高度的50% (即50%)，而不是父母实际高度的50% (例如60%)。 background-color: yellow;#child { height: 5
浏览 2提问于2016-01-06得票数 0
在 (使用jQuery)中，html文件中的以下行设置画布上要在其上绘制的高度。但是，如果您将高度更改为如下所示的百分比值：画布根本不显示。为什么会这样呢？感谢您的阅读。
浏览 0提问于2010-09-10得票数 3
回答已采纳
1回答
因此，当我在一个网站上工作时，我遇到了一个问题，就是我的页脚不能停留在容器div的底部(页脚不在容器的内部，而是放在HTML中)。我意识到这是因为一些子div被浮动了，所以我不得不在容器上放置溢出:auto--但是，因为我需要孩子有百分比的高度，所以我的高度是100%，正如您可能知道的溢出:auto+指定的高度=滚动条。但是，只有一分钟的高度并不能让孩子长到身高。两者都不起作用。下面是我的容
浏览 1提问于2014-11-11得票数 1
回答已采纳
1回答
我试图使第一条新消息出现在消息容器的底部，然后在下面追加后续消息。
使容器相对和每条消息绝对定位。然后只需给消息bottom: 10px;。在容器内创建一个不可见的div，其高度为百分比，这样大部分空空间都会被占用，并且附加的任何消息都会出现在容器下面。这也不起作用，因为百分比高度仍然有效，并不断地把所有东西往下推。创建一个不可见的div并使用Javascript根据用户
浏览 0提问于2018-12-01得票数 0
回答已采纳
2回答
我得到了一个div容器和一个div内容。内容大小具有固定的高度和宽度。我希望容器有相对大小(百分比)，但当我不使用固定的像素值时，无论我指定什么百分比，高度似乎都是100%…… Html： <div class="container"> Content
</div&
浏览 15提问于2019-05-03得票数 2
3回答
我的问题是：我想让这些容器中的每一个填满任何剩余的空间，如果一个是垂直和水平移除的。然后，为了让它们垂直调整大小，我使用了“高度自动”属性，并且可以预见，容器元素将填充其容器的剩余高度。但是，因为我没有为子容器设置一个显式的高度，所以它们中的所有内容都不能是子容器的一个百分比。如何才能达到预期的目标:在行和列方向调整子容
浏览 5提问于2016-02-12得票数 1
回答已采纳
这是关于为什么这不起作用的技术原因。我已经有了一个可行的解决方案，我没有要求它。 } </head> <divclass="wrapper"></div>
</
浏览 0提问于2018-03-20得票数 5
我试图使用CSS绘制一个由2个div组成的标题 <img id="faro" src="img/faro.png"> <div id="h
浏览 5提问于2015-03-10得票数 0
回答已采纳
3回答
我在这个体系结构中有一个html代码： ... some divs ...<div id="results"> </div>在结果中写入的内容会发生变化，有时结果的高度会超过容器的底部。我希望结果--带有滚动条的句柄溢出--而不是容器
浏览 7提问于2017-01-05得票数 0
回答已采纳
1回答
包含图像和内容的响应DIV
我试图有一个div，其中包含一个背景图像，其中有内容(写作)，如图片所示。div需要响应，图像必须保持100%，达到但不超过屏幕的框架，无论屏幕是什么大小。问题是，当我放大，按下ctrl并向下滚动鼠标，图像失去了它的高度，而不是保持相同的高度。我怎样才能使它在放大时不会失去它的高度。我什么都试过了，这是我拥有的最好的
<div id="container"&g
浏览 1提问于2016-02-05得票数 0
回答已采纳
我试图在flexbox容器div中创建一条垂直线，我发现除非我给这条线或容器一个特定的高度(比如100px而不是百分比)，否则这条线不会显示出来。使用devtools检查表明，即使容器的高度不为零，该线的高度也为0。我猜也许渲染引擎在渲染线条时不知何故不知道容器的高度？我想要找到一种方法，使这项工作与百分比，以便使容器和线路的响应。jsfiddle: https:/&#x
浏览 35提问于2021-04-19得票数 0
我需要使用css样式，如最大宽度:90%和最大高度:90%来定义图像大小，而不是溢出窗口。然而，这在Safari上工作得很好，但在Chrome上就不行了。这是我在jsfiddle上写的演示：div{ margin: 0;.slide{} max-height: 80%;}
浏览 1提问于2015-01-17得票数 13
回答已采纳
我有一个div，它的宽度是容器宽度的百分比。我的问题是，在容器不是正方形的情况下，我如何确保高度与宽度的像素长度相同(所以我不能简单地将高度百分比设置为与宽度相同的值)。示例：谢谢。
浏览 0提问于2012-04-07得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
