JS_布局_的左右两列自动拉伸对齐
2009-04-02 22:55
218 查看
<!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> <mce:script type="text/javascript"><!-- function alignHeight(eleA,eleB){ if(!document.getElementById(eleA)){return false;} if(!document.getElementById(eleB)){return false;} var heightA = document.getElementById(eleA).clientHeight; var heightB = document.getElementById(eleB).clientHeight; if(heightA > heightB){ document.getElementById(eleB).style.height = heightA + "px"; document.getElementById(eleA).style.height = heightA + "px"; }else{ document.getElementById(eleA).style.height = heightB + "px"; document.getElementById(eleB).style.height = heightB + "px"; } } window.onload = function z_align(){ alignHeight("left","right"); //只需将需要对齐的两个模块的id写在此处即可。 //alignHeight("AAA","BBB") 可依此连续多组。 } // --></mce:script> <mce:style type="text/css"><!-- #main{width:400px} div{border:1px solid #666;padding:10px;} #left{float:left;width:150px} #right{float:right;width:180px} --></mce:style><style type="text/css" mce_bogus="1">#main{width:400px} div{border:1px solid #666;padding:10px;} #left{float:left;width:150px} #right{float:right;width:180px}</style> </head> <body> <div id="main"> <div id="left">高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高高</div> <div id="right">我自动跟他对齐</div> </div> </body> </html>
相关文章推荐
- JS的左右两列自动拉伸对齐
- 转载 html div三列布局占满全屏(左右两列定宽或者百分比、中间自动适应,div在父div中居底)
- html div三列布局占满全屏(左右两列定宽或者百分比、中间自动适应,div在父div中居底)
- DIV_CSS布局问题:3个水平对齐布局的DIV,左右固定宽,中间宽度自动填充
- html css编写一个两列布局的网页,左侧宽度为200px,右侧自动扩展
- 自动播放,鼠标触发排序切换JS焦点轮播图(不带左右箭头切换)
- iOS 自动布局 同一行的几个控件 需要其中某几个不被压缩,其中某几个不被拉伸
- jq-ui的Sortable插件 两列布局 左右拖拽
- [CSS布局]3列布局:左右两列固定宽度、中间列自适应满宽
- 两列布局js保存高度统一
- DIV+CSS布局问题:一个宽度不确定的DIV里面放三个水平对齐的DIV,左右两个DIV宽度固定为150px,中间那个DIV充满剩余的宽度
- 左右两列自适应中间列内容即随中间内容高度自适应的布局
- ListView加载完数据屏幕会自动和ListView的顶部对齐,而不是布局中最顶部的控件?
- Bootstrap布局自动拉伸改变大小
- 表头,上下滚动时固定,左右滚动时自动对齐
- 两列布局:左边固定宽度,右边自适应宽度,并且左边高度固定,右边自适应,两边的底边一直对齐
- js设置图片或文字自动左右滚动控制,鼠标经过停留
- 利用BFC实现左右两列自适应布局
- iOS AutoLayout自动布局中级开发教程(7)-底部顶部baseLine基线对齐
- Android学习—LinearLayout布局中实现左右对齐