3

div内のWebページにコントロールがあります。私の要件は、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";
});
4

1 に答える 1

0

また、innerdivのサイズを80％の高さの値で動的に変更してみてください。

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

于 2012-07-17T18:20:18.163 に答える