Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Can';t获取子div以匹配其父列或伙伴列的可变高度_Jquery_Html_Css - Fatal编程技术网

Jquery Can';t获取子div以匹配其父列或伙伴列的可变高度

Jquery Can';t获取子div以匹配其父列或伙伴列的可变高度,jquery,html,css,Jquery,Html,Css,我将尝试设置帖子的格式,以便于访问: 问题: 我在尝试使一列div(边栏)与其父列或左侧列的高度相匹配时遇到了一些挫折。我曾经尝试过使用纯CSS,然后使用jQuery,但到目前为止还没有找到解决方案。 页面内的内容是内容管理的(Wordpress+Boostrap),而底部本身被用作其他三个页面的模板,因此固定高度的解决方案在这里并不真正有用 此外,还有我上次尝试的jQuery的残余,来自另一个非常类似的问题的StackOverflow解决方案。这并没有奏效,但我将代码留在了(父div上的c

我将尝试设置帖子的格式,以便于访问:

  • 问题:
我在尝试使一列div(边栏)与其父列或左侧列的高度相匹配时遇到了一些挫折。我曾经尝试过使用纯CSS,然后使用jQuery,但到目前为止还没有找到解决方案。 页面内的内容是内容管理的(Wordpress+Boostrap),而底部本身被用作其他三个页面的模板,因此固定高度的解决方案在这里并不真正有用

此外,还有我上次尝试的jQuery的残余,来自另一个非常类似的问题的StackOverflow解决方案。这并没有奏效,但我将代码留在了(父div上的colh parent,两个子列上的colh child,以及标题中的jQuery)中,以防它帮助任何人理解我试图实现的目标

我还尝试了一种方法,包括浮动父容器和子容器,这似乎也没有任何效果。我目前还没有太多经验,这个问题似乎有点让我不知所措

  • 有问题的页面:

  • 目标:
我试图使蓝色的侧边条与白色页面的底部相接,就像在这个页面中一样(尽管在该页面中,它被内容强制向下):


我试图实现的是侧边栏(div.subpage-sidebar)的蓝色背景与白色条的底部相接。据我所知,这需要其父级(div.span3)满足其伙伴列(div.span6)或父级(div.row/.colh parent)的高度

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

.colh-parent {
    position: relative;
}
.span3 {
    position: absolute;
    right: 0;
    height: 100%;
}

我很难理解这个问题;我觉得这页不错。也许你可以截屏并突出显示错误,如果你勾选这里:你可以看到,尽管是填充,边栏与底部相连,以视觉/图形方式分割白色块。这就是我试图在OP中列出的页面上实现的目标。我希望这能让它更清楚一点,并表示歉意-我不太擅长沟通与代码相关的问题。你是说这可以通过jQuery实现,还是说JavaScript不是必需的?jQuery或CSS(或两者的混合),只要这是一个有效的解决方案,这并不重要。我必须在2000米左右离开,我只是不想让你认为我突然不回答是在冷落你。感谢您的关注,我很想知道是什么阻止了我自己的尝试。啊,太棒了,刚刚实现了它,它起到了作用-谢谢!我想问一下,据我所知,为什么这不是最理想的选择。不过你说得对,这正是我想要的,而且似乎没有在其他地方引起任何问题。再次感谢,非常感谢。@OkamiStudio别忘了投票/接受答案。如果它起作用,这是可取的,但绝对定位有时会导致问题。。甚至相对定位也可以根据具体情况进行调整。这不是要避免的事情,但我只是不想打乱你整个网站的布局。谢谢你,我试过了,但当时我的声誉是13。我现在可以(呜呜!)而你正式成为我的第一个投票人。谢谢你提供的额外信息和关注,你让我避免了长期的头痛。祝你度过一个愉快的夜晚!