如何控制子div的宽度和高度?

时间:2013-09-07 07:39:57

标签: jquery css

嗨我有一个div bat

#bat{
     width:50%;
     height:50%;
     }

HTML

<div id="bat">dynamic div will occur</div>

当放置动态div时,如果内容大于#bat宽度和高度,那些内容会溢出。我可以使用#bat中隐藏的溢出来隐藏它,但我不希望它是那个办法。 我希望动态div适合#bat。想到jquery子选择器然后控制它们给动态div.i不知道动态选择的宽度和高度。有人可以帮忙吗?

3 个答案:

答案 0 :(得分:1)

如果你想给你的孩子div动态空间,那么你的父div必须有适当的空间。如果您的父div没有足够的空间,那么它将溢出。

所以你必须给你的父母#bat一个最小和最大的高度和宽度。这可以通过CSS完成,你不需要Jquery选择器。

你可以给予

最小高度: 最大高度: 最小宽度: 最大宽度:

所以你的内容将保留在这个div中,只有在你的最大高度达到之前不会有任何溢出。

答案 1 :(得分:0)

你应该使用min-width / height。

#bat {
     min-width:50%;
     min-height:50%;
}

编辑:

问题是你在动态内容上设置宽度/高度,你不能这样做。

http://jsfiddle.net/LWAjR/4/

答案 2 :(得分:0)

试试这个:

width:auto;
height:auto;
display:block;