控制左边栏div高度自动改变 和右边div一样高
2015-01-08 16:50
211 查看
<!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>
相关文章推荐
- CSS控制div自动延伸到窗口100%高度
- 在一个div中有两个子元素,子元素浮动,左边div高度随右边变化
- 两个div左边的固定宽度,右边的自动填满
- 如何自动在html页面加载时动态改变div等元素的高度和宽度
- js控制:div 超过高度,自动分页 (转)
- css样式实现左边的固定宽度和高度的图片或者div跟随右边高度不固定的文字或者div垂直居中(文字高度超过图片,图片跟随文字居中,反之文字跟随图片居中非table实现)
- 两个div标签,控制标签左边固定,右边自适应(滴滴面试题)
- CSS控制div自动延伸到窗口100%高度
- 两个div左边的固定宽度右边的自动填充的css
- js控制:div 超过高度,自动分页
- 脚本控制三行三列自适应高度DIV布局
- DIV的高度自动拉伸(height属性)在IE 7下无效和解决方法
- 解决div列高度自动适应的三种最常用的方法
- 脚本控制三行三列自适应高度DIV布局
- 脚本控制DIV三行三列布局自适应高度
- 转载--左右两个div高度自动一致
- 解决在Firefox中div子元素有浮动时div高度不会自动撑大的问题
- 脚本控制三行三列自适应高度DIV布局的代码
- js控制三列高度自适应DIV+CSS页面
- IE6中CSS控制DIV高度的问题