如何控制左边栏div高度自动改变 和右边div一样高？？

左边是导航栏，（里面内容不固定 是动态的）但是内容比较少就几个文字链接，右边是显示所选链接的内容，都有边框，于是 右边内容很高，左边的导航栏框很矮，怎么才能写成 不管左边哪怕只有一个链接 他的边框 也能和 右边显示的内容 边框一样高？这样看起来比较好看，要不然就是左边很短 右边N高

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>無標題文件</title>
    <script type="text/javascript">
    window.onload=function(){
    document.getElementById("left").style.height = document.getElementById("right").offsetHeight+"px";
    }
    </script>
    </head><body>
    <div id="left" style="border:1px solid #cccccc;width:200px;float:left;">
    <p>我是導航，我很短</p>
    </div>
    <div id="right" style="border:1px solid #cccccc;width:500px;float:left;margin-left:10px;">
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    <p>我是內容，我很長</p>
    </div>
    </body>
    </html>
      

  2.   

    试试在onload()方法里用jquery把左边高度改成和右边一样window.onload(){
         //jquery
    }
      

  3.   


    复制张粘贴出来 就行 我放到自己的页面里面就不行了肿么办啊···在ruby里能用么
      

  4.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">替换掉你的<!DOCTYPE那一节