匹配每个父级中的孩子的高度
是指在前端开发中，通过一定的布局方式使得每个父级容器中的子元素具有相同的高度。这样可以实现页面布局的统一和美观。
常见的实现方式有两种：
- 使用Flexbox布局：Flexbox是一种弹性盒子布局模型，通过设置父级容器的display属性为flex，然后设置子元素的flex属性为1，即可使得每个子元素的高度相等。这种方式适用于需要在一行或一列中平均分配子元素高度的场景。
- 使用JavaScript计算高度：通过JavaScript代码计算每个子元素的最大高度，然后将这个高度应用到每个子元素上。这种方式适用于需要在多行或多列中平均分配子元素高度的场景。
以下是腾讯云相关产品和产品介绍链接地址：
- Flexbox布局：腾讯云没有特定的产品与Flexbox布局相关，但可以使用腾讯云提供的静态网站托管服务（https://cloud.tencent.com/product/s3）来托管使用Flexbox布局的网站。
- JavaScript计算高度：腾讯云没有特定的产品与JavaScript计算高度相关，但可以使用腾讯云提供的云函数服务（https://cloud.tencent.com/product/scf）来运行JavaScript代码，实现计算高度的功能。
请注意，以上提到的腾讯云产品仅为示例，实际使用时应根据具体需求选择适合的产品。
相关·内容
5回答
我有一个div，有5个孩子。我希望父母的空间能平等地分配给这5个孩子。因此，如果父母的宽度为1000 if，那么每个宽度为200 if的孩子。我已经尝试为孩子设置width: 20%; height: 20%;，但问题是父母将没有定义的高度。父级高度将由子级高度决定。因此，如果调整屏幕的大小，每个</e
浏览 5提问于2015-10-07得票数 1
回答已采纳
我有两个NodeType:父母和孩子，还有一个亲戚: HAS_CHILD每个父母都有许多孩子。如果父级具有匹配某个名称的子级，则需要检索父级的所有子级。到目前为止，我只成功地找回了与名字匹配的父母和孩子，但我需要这些父母的所有<e
浏览 6提问于2022-04-29得票数 1
回答已采纳
如果我有父母和孩子 <div class="content child">1</div>父级div有：
会增加更多<
浏览 2提问于2013-07-18得票数 0
回答已采纳
1回答
我正在做一个画括号的库。
我正在使用javascript计算每个元素(匹配和行)的坐标。每个元素都有position: absolute;，并使用left和top来设置它们的x和y坐标。直到我注意到它的父级高度没有从其子节点更新，因为position: absolute;元素被从文档流中删除，它才能很好地工作。是否有一种替代绝对定位的方法，即使用x和y坐标，但也将它们保存在文档流<
浏览 2提问于2017-07-22得票数 5
回答已采纳
在第4行中，父标记中的android:layout_width设置为wrap_content.，但在子标记中，android:layout_width被设置为match_parent.，那么当父标记本身的宽度仅为wrap_content时，其子标记的match_parent的含义是什么。我的直截了当的问题可能是，为什么子标记必须同意父标记的wrap_co
浏览 2提问于2016-03-22得票数 0
回答已采纳
我创建了一个标准高度的自定义通知(不是bigContentView描述的扩展版本)，它可以很好地工作在Android4到6之间。在Android 7中，通知的设计发生了变化，原来位于底部的第三行现在位于顶部，通知比以前高。但是，由于未知的原因，我的自定义通知没有相应地扩大，现在看起来像其他通知之间的一个外来对象。我使用的是android:layout_height="match_parent“，也尝试了固定
浏览 6提问于2017-04-02得票数 2
这里我有一个包含两个孩子的家长分区。子1被设置为100%高度，但它不显示在父级的实际高度上，因为子2迫使父级div更高。border: 1px solid green; height: 100px;">Child 2</span> </div>
在这种情况下，如何使子1与父div
浏览 1提问于2017-11-14得票数 2
回答已采纳
body { min-height: 100vh; }为什么子元素不能从body元素获得高度，而不像其他例子，比如背景颜色或颜色，或者
浏览 11提问于2022-04-02得票数 -1
回答已采纳
1回答
double;"> </div>主750 px宽容器中的元素是具有下列样式的其他容器：
div.infoCont //these containers(它们应该是正常的，因为它们的位置和大小与我想要的一样大)。但是主容器的高度比小的容器的总高度小得多.0 px。它忽略了
浏览 0提问于2013-04-03得票数 3
我有一个自定义的视图，它扩展了RelativeLayout，并将子元素的height设置为"fill_parent“。问题是，调整父级高度不会影响其子级高度。我怎样才能强制孩子适应它的父节点？
浏览 0提问于2012-12-12得票数 3
回答已采纳
3回答
我有一个父div和两个孩子。我希望子对象的高度保持不变，分别为父对象高度的75%和25%。
子A包含文本。老实说，我不在乎孩子A有多高，只要显示文本就行了。我需要子B保持它的高度与父</em
浏览 1提问于2016-05-19得票数 5
5回答
看到这个，我怎么能在没有固定宽度和高度的父级和子级中居中蓝色div呢？这是在这样写的<div class="child"></div>这些都是定位的元素，我希望孩子在屏幕的中心。更新2
看到它居中的，但我不能使用固定的
浏览 2提问于2013-04-11得票数 0
回答已采纳
2回答
我在div (父类)中有div(子类)。距父对象的高度为144到318 (最小高度和最大高度)。这取决于窗口的大小。有什么建议要怎么做吗？max-height:318px;
background-color:#f
浏览 1提问于2014-04-02得票数 0
我有两个宽度固定的div放置在一个父div中。如果父母的宽度比孩子的组合宽度小，我想防止这两个div放在另一个下。他们应该呆在一起，并溢出父母。
正如你所看到的，我希望这两个孩子与相对位置重叠。这在我想要消除的父级中留下了很多空白。因为我希望父级的高度能够适应最高的子级(假
浏览 3提问于2015-02-18得票数 0
回答已采纳
我试图把一个反应的绝对定位图像在一个相对的div内。我已经将边界放置在两次潜水附近，以形象化这个问题。右边的那个没有包裹。另外，我想把图像导航保持在图像的中间。主要目标是保持包装div响应和包装图像的大小-当图像大小改变窗口大小调整。
浏览 2提问于2015-04-12得票数 1
是否有可能使子元素(填充)的父元素的宽度和高度达到100%？="parent"> </div> #child { }
我已经尝试使孩子100%的宽度/高度，但这使孩子比父母大，因为填充。我也试图使孩子</e
浏览 8提问于2014-05-23得票数 6
回答已采纳
如果我有一个具有一定高度的父级div和一个更高的子级div，输入类似document.getElementById("#id).style.height的内容将给出孩子的整个高度。如何才能得到仍然在父div中的子div的这一部分的高度？
非常感谢您的回答和原谅，如果我没有使用技术上正
浏览 3提问于2022-09-06得票数 0
我正在尝试使用Flexbox进行媒体查询，以显示另一个下面的输入，而不是在您的一侧。正如您所看到的，用我当前的代码，我得到了以下信息：但是，如果我将flex-direction更改为column，则输入宽度不是原始宽度。其结果是：这是我的HTML： <form action="//eliasgarcia.us8.list-manage.com/subscribe&l
浏览 4提问于2017-03-16得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
