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);

这将复制您链接到

的插件的功能

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

3 个答案: