使左右两个DIV高度相等的方法

1 <script type="text/javascript">
2 function height(){
3     document.getElementById("aLeft").style.height = document.getElementById("aRight").offsetHeight + "px";
4 }
5 window.onload = function(){
6     height();
7 }
8 </script>

时间： 2024-10-12 22:35:38

使左右两个DIV高度相等的方法的相关文章

JQuery控制两个Div高度一致

让DIV高度自适应,这是在网页设计中常遇到的问题,为了给大家提供参考,这里提供3种div高度自适应的方法:一是JS法.二是背景图填充法.三是"补丁大法"(比较变态). 1.JS法代码如下.原理:用JS判断左右DIV的高度,若不一致则设为一致.框架资源分享 Java代码 <div style="width:500px;background:#cccccc;height:0px;"> <div id="right" style

布局：上下两个div高度固定，中间自适应

需求:经典布局 -- 头尾固定高度中间高度自适应布局头部固定高度,宽度100%自适应父容器: 底部固定高度,宽度100%自适应父容器: 中间是主体部分,自动填满,浏览器可视区域剩余部分,内容超出则中间部分出现流动条: 整个内容填满浏览器可视区域,并且不超出此区域! 方法1:position:absolute定位,不设高,并改变"包含块"的尺寸渲染固定头尾,所以,至少头和尾要用到position定位.因为浏览器大小是可以调节的,而且不同尺寸,不同分辨率的浏览器可视区域的高度是不固定的

两个DIV高度自适应方法(左右两个DIV高度一样)

html:<div id="container"> <div id="leftSide"> <p>aaaa</p> <p>aaaa</p> </div> <div id="rightSide"> </div> </div> 1.负外补丁和正内补丁{margin-bottom:-(num)px;padding-bottom:(nu

关于两个div高度保持一致的（css+js）两种解决办法

最近修改以前写的一些代码,发现点问题. 比如2个div需要动态的保持一致的高度. css的做法是: 精心开发5年的UI前端框架! .代码 <div style="overflow:hidden"> <div id="left" style="margin-bottom:-10000px; padding-bottom:10000px;"></div> <div id="right"

如何实现两个div等高效果

如何实现两个div等高效果:在网页实际应用中,可能需要动态的实现两个div的等高效果,当然不仅限于div,例如一个网页分为左右两栏,一栏的高度可能需要根据内容自适应,也就是说高度不是固定的,而另一栏需要和它保持高度一致,那么就需要动态的设置高度.代码实例如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charse

四种方法解决DIV高度自适应问题

本文和大家重点讨论一下解决DIV高度自适应的方法,这里主要从四个方面来向大家介绍,相信通过本文学习你对DIV高度自适应问题会有更加深刻的认识. DIV高度自适应关于DIV高度的自适应,一直是个让人头疼的问题,整理了一下以前总结的方法,仅表示我也玩过. htmlcode: <div id="container"> <dividdivid="leftSide">这边的高度自适应右侧的高度</div> <dividdivid=&

如何让两个并列的div高度相等

哪个div Height值大,就将其值赋给Height值小的div,从而使2个div高度始终保持一致. function $(id){ return document.getElementById(id) } function getHeight() { if ($("left").offsetHeight>=$("right").offsetHeight){ $("right").style.height=$("left&quo

使用display:table使两栏布局高度相等

两栏布局大家应该经常用了,但是遇到坑爹的要两栏的高度对齐的话要怎么办呢? 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <title>Examples</titl