两个浮动层的高度统一问题:
DEMO:
<div>
<div class="left" sytle="float: left; width: 200px;">
<div class="center" sytle="float: left;">
</div>
// need some layout call adjustLayoutHeight('div.left', 'div.center') in js.
---------
// 保持边框对齐
// $(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:
<div>
<div class="left" sytle="float: left; width: 200px;">
<div class="center" sytle="float: left;">
</div>
// need some layout call adjustLayoutHeight('div.left', 'div.center') in js.
---------