div的高度延伸到父div的高度？

Question

在此网页http://wuwoclientlindsay.wuwomedia.com/activelist_demo/

上

div .slider-box扩展到父div的高度。我想让它变小。它似乎不是一个css效果，所以我认为这是一个js效果，但我无法弄清楚是什么导致它和调整它的最佳方法。

<div class="slider-box">            
    <h2>Find Activities for Kids in Hertfordshire</h2>
        <form method="GET" action="pet-sitters/pet-sitter-jobs/">
            <div class="form-group">
                <input type="text" id="search_location" class="form-control" name="search_location" placeholder="Any location in Hertfordshire ">
            </div>
            <div class="form-group">
                <button type="submit" class="btn btn-success btn-block">Search</button>
            </div>                  
        </form>
    </div>

Answer 1

我刚检查过该网站，我发现有一个简单的解决方法

.slider-box {
    position: absolute;
    left: auto;
    right: 24px;
    bottom: 24px;   <!-- REMOVE THIS OR CHANGE MAKE IT bottom: auto !important; -->
    top: 24px;
    width: 344px;
}

如果您将位置设置为绝对并设置底部和顶部，则会缩放内容大小以适应它。

这样就可以了。