javascript - 我的列表项几乎完全隐藏，在页面加载时设置我的列表列的高度

Question

我的页脚中有一个包含几个链接的列表，当我单击我最后列出的元素时，即“查看更多链接”，它使用 jQuery slideToggle() 将我的列表替换为新成员。

但是有了这个，我看到我的页脚底部有点向下和向上。

感谢用户 George，此问题已解决，使用 jQuery，通过在页面加载时设置 #col 的高度，这是我的代码:

$('#col').height(function(_,v){ return v; });

但是有了这个解决方案，我遇到了另一个我无法理解的问题

我有 5 个版本的设计使用媒体查询，上面是我的移动版本的图片。如您所见，我的链接“查看更多链接”几乎完全隐藏了。

同样在 Internet Explorer 上，我几乎在我元素的所有媒体查询中都有这个问题......

您知道为什么会发生这种情况吗？

我这里有完整的例子:http://jsfiddle.net/jcak/4ma6es6h/8/

Answer 1

如果您设置 min-height 而不是 height，您的 div 永远不会太小，也不会折叠到 min-height 以下。

但这还是没有解决你高度偏小的问题。

您可能想查看您的盒子尺寸。查看此处的架构，了解什么算作高度，什么不是: http://api.jquery.com/innerheight/和 http://api.jquery.com/outerHeight/

也许您有未考虑的填充/边距/边框。