div 包含两个DIV 高度设置问题
作者&投稿:柯庞 (若有异议请与网页底部的电邮联系)
div2中的内容是加载进来的,所以可能高度不定,单用css我还不知道如何解决,但是用js就很容易解决这个问题,可以用js吗?
jquery写法
$("#div1ID").height($("#div2ID").height());
注意这段代码要在页面加载完后执行,
完整理代码如下:
$(function(){
$("#div1ID").height($("#div2ID").height());
})
.wrapper{ overflow: hidden; background-color: #f00;}
.left,.right{ width: 50px; float: left; border: 1px solid #ccc; margin-right: 10px;}
.left{ padding-bottom: 3000px; margin-bottom: -3000px;}
.right{ padding-bottom: 3000px; margin-bottom: -3000px;}
margin:0;
padding:0;
}
2、有可能不是高度的问题,是dlleft0和 dlleft2里面的内容撑开了
.dlleft0{
width: 240px;
height:160px;
margin-top:0px;
background: blue;
overflow:hidden; //溢出隐藏
}
.dlleft2{
width:240px;
height: 240px;
background:background;
overflow:hidden;//溢出隐藏
}
加上overflow:hidden;//溢出隐藏应该就管用了
display: inline;
这个去掉就可以了,~不能乱写啊....
由盲祖师: 最经典的两列自适应高度CSS代码,IE5、6、7,FF下测试通过.希望对你有用:body{ padding: 0; margin: 0; color:#333/*#0d7206*/; font-size: 14.7px; font-family: Arial, Helvetica, sans-serif; line-height: 140%; text-align: center; background:url(body...
馆陶县17176229121: css+div布局,左右两个div怎么能自动适应高度 - ?
由盲祖师: 可以通过js实现两个div自适应同等高度,如下:先设置div+css 基本布局: <div id="mm"> <div id="mm1">左边</div> <div id="mm2">右边</div> </div>js 实现 div 自适应高度代码如下: <script type="text/javascript"> <!-- window....
馆陶县17176229121: 两列div中,高度如何设置成最高DIV的高度,(div高度不确定) - ?
由盲祖师: 给你说一下思路1、获取两个div的高度ab2、判断哪个比较大3、如果a>b那么b=a 望采纳
馆陶县17176229121: 如何让一个div的高度等于另一个div的高度? - ?
由盲祖师: 你好!你需要设置两个div的高度为同一个值就可以了.望采纳.
馆陶县17176229121: div嵌套另一个 ,如何让内层DIV靠左下 - ?
由盲祖师: 如果知道两个div的高度的话,直接设置内层div的上边界或者外层div的上填充就行.比如:<html><head><title>无标题文档</title><style type="text/css"><!--#out { height: 400px; width: 400px; background-color: #CCCCCC; }#in { height: 300px; ...
馆陶县17176229121: 如何设置两个div相同的高度? - ?
由盲祖师: 最简单的:1、你不要设背景,不要设边框2、设一个背景,两个div共用那种repeat-y
馆陶县17176229121: 父级div高度100%,里面有两个子div,上下排列,上面的div高度固定,下面的div如何做到自适应高度 - ?
由盲祖师: 你要做自适应,当然用AUTO,,当然,你又想内容太少的时候,指定它一个高度,就可以用min-height这个是最小高度的意思,意思就是,如果容器没有达到这个高度就按这个高度,超过这个高度,就按height....还有MAX-HEIGHT,这是最大高度,限制高度的作用...
馆陶县17176229121: 制作一个网页成这个格式怎么写?DIV+CSS - ?
由盲祖师: 如果你懂div+css那就好说了,我给你一个思路你就会知道怎么做,第一个DIV 包含全部,是一个外围框架,设置好宽度,并且在网页中居中显示. 在设置第二个DIV,设置好这个DIV的宽度和高度,浮动到左边,这个DIV是被第一个DIV包含着...
馆陶县17176229121: 求助css. 一个div包含两个div,左右布局,左边css宽30%,右边div宽70%.高度均自 - ?
由盲祖师: 你第一个div让其为父DIV的30%第二个让他自适应不就行了
馆陶县17176229121: css怎么实现连个div的高度一样 - ?
由盲祖师: 想要实现两个div的高度一样吗?可以先编写一个公用的class样式,比如:.div{ height:500px; width:500px; }; 然后两个div都引用这一个样式,<div id="div1" class="div"></div><div id="div2" class="div"></div> 这样就可以实现两个div的高度一样了.