先端常用JSコード

907 ワード

二つの浮遊層の高さ統一問題:


//       
//  $(selector1).innerHeight()      height + padding
//  $(selector1).outerHeight()      height + padding + border
//  $(selector1).outerHeight(true)  height + padding + border + margin
function adjustLayoutHeight(selector1, selector2) 
{ 
     var h1 = $(selector1).outerHeight(); //    h + padding + border
     var h2 = $(selector2).outerHeight();
     var max = Math.max(h1, h2);
     $(selector1).height(max - (h1 - $(selector1).height())); // h 
     $(selector2).height(max - (h2 - $(selector2).height())); 
}

DEMO:

   

   

//need some layout call adjust LayoutHeight('div.left'、'div.cnter')in js.
-----