当我调整窗口小部件或增加窗口小部件的高度时，如何将页脚div与页脚边框相连

Question

如何在调整窗口大小或增加窗口小部件的高度时将页脚div与页脚边框连接。 调整大小时，中心内容高度将自动增加，就像调整宽度一样。

    <div class="draggable" class="ui-widget-content" style="overflow:hidden;">
        <div class="widget_container">
            <div class="Widget_title"> widget head</div>
            <div class="clear_left"></div>
            <div class="widget_contents">
                <input type="text" class="idv" style="display:none" value=""/>
                <p>Drag me around</p>
            </div>
                <div class="clear_left"></div>

        </div>
        <div class="Widget_name">footer widget</div>
    </div>

Example link

Answer 1

请查看这个小提琴http://jsfiddle.net/vjbCJ/4/ ..

.widget_container{
position: relative;
height:60%;

}

.Widget_title{
background-color: antiquewhite;
height: 30%;
padding: 0px;
margin: 0px;
}
.Widget_name{
background-color: beige;
height: 33%;
}

看看它是否正在寻找...