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

来源：互联网发布：手机淘宝可以秒杀吗编辑：程序博客网时间：2024/06/06 03:09

<!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>

0 0

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

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