Div 等高问题

<html>
<head>
<style type="text/css">
    #left
    {
        width: 200px;
        border: solid 1px red;
        height:100%;
        float:left;
    }
    #mid
    {
        width:500px;
        border:solid 1px red;
        margin:0px 13px 0px 13px;
        height:100%;
        float:left;
        }
    #right
    {
        width:220px;   border:solid 1px red;
        height:100%;
        float:left;
        }
</style>

<script language="javascript" type="text/javascript">
    function oneHeight() {
        var maxHeight = 0;
        var a = [];
        for (var i = 0, n = arguments.length; i < n; i++) {
            a[i] = document.getElementById(arguments[i]);
            if (a[i].scrollHeight > maxHeight)
                maxHeight = a[i].scrollHeight;
        }
        for (i = 0; i < n; i++)
            a[i].style.height = maxHeight + 'px';
    }
</script>
</head>
<body>
</html>
<div id="left"></div>
    <div id="mid"></div>
 <div id="right"></div>
   
    <script language=javascript type="text/javascript">
        oneHeight('left', 'mid', 'right');
    </script>
</body>
posted @ 2009-07-26 01:07  waynecn  阅读(50)  评论(0)    收藏  举报