问题标签 [equal-heights]

所以我承认我是新手，但我读了几本书并在网上搜索并找不到我需要的东西。因此，任何帮助都是一种祝福。

我能够设置一个函数，在单击导航链接时，它将“#content”div 从适当的页面加载到当前页面的“#content”div 中。当我尝试使用地址插件实现深度链接时，问题就出现了。我似乎无法弄清楚如何让它只从页面加载“#content”div。

你可以在这里看到它：www.theeastcoastclassic.com/index1.html 底部导航仍然具有原始.load 功能，顶部使用深度链接功能。

这是我的 .js 文件：

这是精简的 HTML：

另外，如果您对 equalHeights 列有任何提示，请告诉我，似乎这个插件非常简单，但在每个浏览器上的显示都不同，我得到了很多滚动条。

我在我的网站中管理一个简单的列拆分部分，以显示一些内容的摘要。每列最后都有一个链接。这是一个例子：http: //jsfiddle.net/CV4Yr/2。

问题是：如何对齐该部分底部的那些阅读更多链接，以便所有三个阅读更多链接水平排列？请注意，列似乎具有相同的高度，但这只是使用负边距的一种技巧。

当然我可以想象很多 javascript hack，但我宁愿避免它们。

谢谢

编辑：我更正了指​​向正确版本小提琴的链接。现在列的高度相等。

使用此标记：

我该如何设计它：

这样每一对都应该有相同的高度？高度应该来自内容较长的文章，即如果C中的内容比D长，则D应该与C的高度匹配。

到目前为止我尝试过的是好的旧浮动，但由于它是浮动的，所以它具有取决于内容的可变高度。

我也用谷歌搜索过类似的东西，但我发现的是固定高度的列，它们只是隐藏了额外的内容。

我有这个标记：

它是浮动的并形成一个两列的列表。由于其内容，每篇文章都有可变的高度。

我想要的是每对应该具有相同的高度，这取决于两者中哪一个具有最高的高度。我发现了equalHeights插件的变体，但它们都强制所有元素的高度相等。我只需要每对都具有相同的高度，而不是所有元素。这是可能的还是有任何现有的插件呢？

注意：无法更改文章标记，因为它是由 CMS 输出的。

我的预期输出：

http://www.tmla.org/new_site/

那是相关的链接。刷新页面时会出现此问题。从浏览器或缓存中正常加载页面似乎没问题。不知道为什么会这样。任何人都可以帮助阐明这一点吗？任何帮助，将不胜感激。要遵循的代码：

左右列都有 2 个嵌套的 div，高度不同。
这些 div 形成一个类似框架的形状。请参阅http://jsfiddle.net/5fA3q/。

我尝试了不同的 css 等高技巧，它们可以工作但不是在这种情况下，并且几乎可以使用
padding-bottom:999999px;
margin-bottom:-999999px;
并absolute定位较短的内部 div。

但很可惜，padding-bottom它已经消失了。见http://jsfiddle.net/5fA3q/11/

我希望有人知道解决方法。

我知道很多 css 不错的解决方案等...简而言之，我希望它能够工作，关于我是否有填充、边距、没有额外的标记、阴影、背景颜色......所以......我我只是在寻找它的 jquery 版本。

在 SO 上找到了一些。试图申请。似乎几乎可以工作。当您缩小窗口时，文本会重叠。如果禁用 js，则不会。

http://jsfiddle.net/ApUYv/4/

两个问题：

1）我们如何避免文本重叠？

2）我们应该使用 document.ready 还是 window.load ？

请注意：overflow: auto;可能不是一个选项，因为设计者不需要滚动条。:(

我知道这个问题已经被问了一百万次，但我正在寻找更具体的东西。

由于我的网站是完全响应的，我需要根据每行调整 div 的大小，而不是将所有高度设置为一个高度。

我正在使用以下修改后的代码来设置容器内所有 div 的高度：

我必须var thisTop = el.position().top;确定哪些元素在同一行，但不确定如何将同一行中的所有元素设置为最大值？

当前.height(curHighest);将所有元素设置为相同的高度，无论它们是否在同一行。

感谢您对此的帮助。

在跨浏览器 CSS示例中使用等高列

HTML：

CSS：

有更复杂的演示页面，但我希望将第一个示例用于我的目的。为什么示例不起作用？

http://jsfiddle.net/YryJM/2/

我正在运行一个 jQuery 脚本来在多行中连续设置相等高度的 div。

这是我正在使用的代码摘录的链接http://jsfiddle.net/F8QHd/2/

对于脚本，我在 CSS Tricks http://css-tricks.com/equal-height-blocks-in-rows/的这篇文章中使用了该技术

谁能告诉我如何修改脚本，以便在调整窗口大小时它仍然可以工作？目前，它适用于页面加载，但我不知道如何根据窗口调整大小来触发它。该脚本使用$(window).resize(function() {} );，所以我不确定为什么这不起作用？

任何帮助将不胜感激！

谢谢。