问题标签 [equal-heights]

我希望列表中的所有元素都具有相同的高度。为此，我正在使用

jquery.matchHeigh插件。但是，所选项目不会自动更新

调整屏幕大小时：

我希望自动更新尺寸，但我只有在更新时才会得到这个结果

页：

我正在使用基本功能：

完整的代码在这里。欢迎任何帮助！

PS：我使用Owl Carousel作为列表。

我编写了脚本以赋予包装器的子元素相同的高度。它在页面加载时工作正常，但是当我调整大小或更改 ipad 的方向时......高度与页面加载期间保持相同。

我想在子元素更改时更新它们的高度。到目前为止，我已经添加了溢出隐藏，以便隐藏任何重叠的文本。

我尝试将此脚本放在负载调整大小上，但没有任何区别。

这是我当前的代码：

如您所见，红色div并没有占用 100% 的 parent td。我无法为父母设置固定尺寸，因为它们应该自动调整到内容。

如何将div高度设置为与父td高度一样的 100%？

我已经尝试过这里发布的不同解决方案来获得具有相同高度的两列，但不幸的是我无法让它工作。问题是，我有三张图片，一张在“人像模式”的左侧，两张在“横向模式”的右侧。我希望右侧的两个图像一起具有与左侧图像相同的高度。

我认为这可能是一个解决方案，但我没有让它起作用：右边的两个项目每个都可以有左边 div 的 50% 的高度。然后项目内的图像应填充高度并具有自动宽度。

像这样：我想要的图像。

到目前为止，这是我的基本代码：https ://jsfiddle.net/qg7t976L/

我有一个具有挑战性的布局问题。我需要创建以下布局：

1. 两个等高的柱子
2. 粘性页脚（在轻量内容中位于底部，在重量内容中被推离页面）
3. 响应式（左侧导航栏在移动断点处折叠到 100%）
4. 广泛的浏览器支持（需要支持到 IE9 以及移动设备）

桌面布局：

移动布局：

我已经为此研究了许多解决方案，所有这些解决方案实际上只解决了我的一些需求。还没有找到完整的解决方案。甚至不是圣杯，因为其中许多解决方案使用 flexbox、css 网格或 css 表，而 IE9 不支持那些没有 polyfill（我可以这样做，但布局？！）。

我敢肯定，这些人已经解决了这个问题！

我正在尝试相等的高度并在引导轮播上实现它以供推荐。我希望所有轮播项目的高度必须相同，但不能按预期工作。

这是示例

我明白了什么？

我认为当兄弟姐妹有相同高度时不起作用，display:none因为当我使用display: flex;简单.item（没有定位.item.active）时

它按预期工作，但问题是其他项目也会显示。看这里

我的推荐是动态的，所以我不能给出固定的高度。

我正在寻找纯 CSS 解决方案。谢谢

我希望这些字母排成一排，每个字母 div 具有相同的高度和宽度。这是我的问题的 mvp https://codepen.io/danielyaa5/pen/BZRVyo

这是我想看到的。https://codepen.io/danielyaa5/pen/XgRYbE 请注意，div 具有相同的高度和宽度。在这里，虽然我手动将高度和宽度设置为 50px，但在我的现实生活场景中，我不会知道宽度，因为它动态设置为屏幕大小百分比。我能够创建一个 javascript 解决方案，但它在我的实际应用程序中大大增加了加载时间。

MVP

是否可以在 React 中使非兄弟元素具有相同的高度（最高元素的高度）？

这显然不能用 CSS 完成。使用 JavaScript 很容易做到这一点，但我必须依赖DOMNodeInserted事件，因为我正在使用的元素是动态的，而且我很确定这不适用于 React。

有任何想法吗？

我在当前的 Web 项目中使用 Bootstrap，但我不知道如何动态设置列元素的相同高度。

我已经知道这个.row-eq-height类，但是使用它我失去了 Bootstrap 元素的响应性。

我的 HTML 是：

我希望该#selection列至少与该列一样高#map-container（或更高，因为它有一个边框并且我不希望它削减内容）。

我已经写了几行 Jquery ：

这些行有效，但我不知道应该如何以及何时执行它们，因为我想始终保持相等的高度属性，即使容器的宽度发生变化（这会修改 的高度#map-container）。

我不是 JS/Jquery 方面的专家，我的英语也不是很好，所以我希望你仍然明白我想要做什么。

非常感谢 ！

Codepen 在这里：https ://codepen.io/anon/pen/MvqWwg

我已经绝对定位了div.container。div.wrapper在里面。和两个 div 作为div.wrapper. 这些列有背景。

如何使这些背景到达最长列的末尾（即使它们具有相同的高度），而不仅仅是容器的可见高度？我无法position: absolute从中删除div.container。

这是 HTML 代码：

这是CSS：