包含元素内的高度相等的div？

Question

这是我的 HTML（或访问luxury-decor.co.uk）

<div class="wrapper">
    <div class="box_left">
        <p>Providing only the highest quality service work, both internal and external, in Reading, London and surrounding areas. We provide a bespoke service for any areas such as boardrooms, offices, showrooms, hotel lobby's, reception areas, bathrooms, wet rooms,
            kitchens and living areas. We specialise in Venetian Marble Plastering, Painting and Decorating, and both Wall & Floor Tiling. Our decorators are meticulous in what they do and we always strive to adhere to our customers needs. So whatever your project
            is, get in touch with us via email or telephone to discuss your requirements.
        </p>
    </div>
    <!--#box_left-->
    <div id="gallery_container1">
        <script type="text/javascript">
            jQuery.flashgallery('color_chart/gallery.swf', 'color_chart/config.xml', {
                width: '100%',
                background: '#000000'
            });
        </script>
    </div>
    <!--#gallery_container1-->
</div>
<!--#wrapper-->

现在，您可以看到，当这样设置时，右侧的图片库太大了。是否有可能使“包装器”内的 div 具有相同的高度？我确实遇到过这个http://www.cssnewbie.com/equalheights-jquery-plugin/#.UUBcyhw0xnM，但我对 jQuery 不太熟悉，无法让它工作。有什么想法吗？

Answer 1

只需使用 CSS，

  div#wrapper > div{height:200px} 'assuming you want 200px height for all div within wrapper

如果不回复，我希望这样做：)

Answer 2

在 CSS 中：

#wrapper { height: 400px; } //or whatever you like

#wrapper.box_left, #gallery_container1 { height: 100% }

Answer 3

确定包装器的类/名称，我不知道 flashgalley 方法，所以我无法帮助您，只需查找它用作包装器的 div 的类/名称，查看 html，然后找到最大高度并将它们全部设置为：

var wrappers = $('div.wrapper');
var maxHeight = 0;
for(var i in wrappers){
    if (maxHeight < wrappers[i].height()){
        maxHeight = wrappers[i].height();
    }
}
$('div.wrapper').height(maxHeight);

这将复制您链接到的插件的功能