html - 子 DIV 更改高度以匹配其他子 DIV

Question

我已经在互联网上搜索了解决方案，我确信它就在我眼皮底下。有人会帮忙吗？

我有一个带有两个 child 的父 div。每个 child 都有静态宽度，我需要每个 child 根据内容改变他们的高度以匹配另一个。换句话说，如果“child-div-a”比“child-div-b”高，那么“child-div-b”需要自动缩放与“child-div-a”相同的高度。我已经能够让 parent 缩放到最大的 child 而不是另一个 child 。我似乎无法让左边的 div (a) 始终与右边/内容 div (b) 的高度相同。你会认为这会很很简单，或者我是个白痴。

预先感谢您的所有帮助。

约书亚

---

我的问题已经解决了。

我从 japanPro 看到的第一个回复包含指向 Ed Elliot 博客的链接。其中包含有关人造专栏的信息。我不敢相信我没有看到我相当简单的概念。这一切都是烟雾和镜子，但我太专注于幻觉，看不出这个把戏是如何完成的(如果那以后有的话)。这是我想出的 CSS:

#child-div-container{
    width: 800px;
    position: relative;
    overflow: hidden;
    background-image: url(../../../images/faux_column_bkground.gif);
    background-repeat: repeat-y;
    }

 #child-div-a{
    float: left;
    width: 125px;
    }

 #child-div-b{
    float: left;
    width: auto;
    height: 100%;
    margin-left: 5px;
    }

再次感谢所有回应我需求的人。每个人都提供了可行的信息。我只希望我能将自己的技能和知识发展到提供建议而不是请求建议的地步。

约书亚

Answer 1

有两种方法可以做

• javascript方式，使用jquery等高

http://www.filamentgroup.com/lab/setting_equal_heights_with_jquery/

• 其他方式是使用 css

http://www.ejeliot.com/blog/61