根据div高度安排控制

时间:2012-07-17 17:43:53

标签: javascript html css

我在div中的网页中有控件,我的要求是根据div高度排列控件,即当div高度发生变化时,控件应根据高度重新排列

这听起来很简单,但非常感谢任何帮助

<div class="messagepop pop" id="firstpop" style="width: 250px; display: block;border:4px solid #aaa">
<a class="search-choice-close" onclick="closeRsltDiv('contact','firstpop')"     href="javascript:void(0)" style="float:right;font-weight:900;">X</a>
<div id="div_result_holder" class="chzn-container chzn-container-multi chzn-container- active" style="height:100px;width:248px;overflow-y:scroll;border:2px solid #aaa">
<ul id="merch_drp_div_ul" class="chzn-choices"></ul>
</div>
<br>
<input type="button" class="btn" value="Clear All" onclick="clearSelected('merch_drp')">
</div>
<br/><br/><br/>
<input type="button" id="btnid" class="btn" value="Change Size" onclick="changeSize('firstpop')">


$('#btnid').click(function(){
    //alert("hai");
    var somediv = document.getElementById("firstpop");
    somediv.style.height = "500px";
});

1 个答案:

答案 0 :(得分:0)

尝试以80%的高度值动态调整innerdiv的大小。

JsFiddle http://jsfiddle.net/pakuP/4/