当子div的高度增加时,增加外部div的高度

时间:2014-09-09 06:07:18

标签: css asp.net height

我正在开发asp.net网络应用程序。

有一个master page的子表单。母版页未定义任何高度,但已为X px定义了child form高度。

在子表单上,它有一个fieldset容器,在{2} table containercontainer gridview control之内。

据我所知,我已将#mainOuter_box的高度设为auto,将子表单容器的高度(#child_contentbox1)设置为auto

但是这种策略并没有按照预期运作。但是我也试过这个代码示例(我从这个stackoverflow问题线程how to size a div's height to its container height, using CSS?得到了但我怀疑我是否已经正确编写了它。

$(document).ready(function(){ $("#mainOuter_box").css('height',$("#child_contentbox1").innerHeight()+$("#child_contentbox2").innerHeight()+$("#child_contentbox3").innerHeight()); });

请建议我如何在数据/记录增加#mainOuter_box容器框的高度时增加gridview的高度。

谢谢!  更新这里是jsfiddle链接,其中我附加了主表单的css和html。 非常感谢您的善意指导!! http://jsfiddle.net/nikhilbs09_1/325oes4m/

1 个答案:

答案 0 :(得分:2)

"当子div的高度增加时,增加外部div的高度"

如果您希望根据内容调整外部div的大小,则不需要为外部div设置任何高度, 另一方面,如果你在div中有浮动元素,你需要使用clear:both或者外部div的.clearfix类。

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0px;
    visibility: hidden;
}