1

我将尝试格式化帖子，使其易于访问：

  • 问题：

我在尝试让一个列 div（侧边栏）匹配其父级或左侧列的高度时遇到了一些令人沮丧的事情。我试过用纯 CSS 和 jQuery 来做，到目前为止还没有找到解决办法。页面内的内容是内容管理的（Wordpress + Boostrap），并且基础本身用作其他三个页面的模板，因此固定高度的解决方案在这里不会真正有用。

还有我尝试的最后一次 jQuery 尝试的残余，来自 StackOverflow 上的另一个解决方案 - 非常相似 - 问题。这没有成功，但我将代码留在（父 div 上的 colh-parent、两个子列上的 colh-child 和标题中的 jQuery）中，以防它帮助任何人理解我想要实现的目标。

我还尝试了一种涉及浮动父容器和似乎也没有任何效果的子容器的方法。目前我还没有太多经验，这个问题似乎有点过头了。

  • 有问题的页面：

http://okamistudio.com/ssawp/pennants/

  • 目标：

我试图让蓝色边条与白页的底部相接，就像在这个页面中一样（尽管在那个页面中它被内容强制向下）：

http://okamistudio.com/ssawp/about-us/

我想要实现的是侧边栏（div.subpage-sidebar）的蓝色背景与白色条的底部相接。据我了解，这将要求其父级 (div.span3) 满足其伙伴列 (div.span6) 或父级 (div.row / .colh-parent) 的高度。

4

1 回答 1

2

您可以使用侧边栏的绝对定位来解决此问题。也许不是最理想的，但我已经测试过了，它看起来和你想要的完全一样。

.colh-parent {
    position: relative;
}
.span3 {
    position: absolute;
    right: 0;
    height: 100%;
}
于 2013-02-07T00:06:20.067 回答