如何让DIV随着其他DIV的高度增加而高度自动增长

如题所述

div默认就是宽度最大化和高度最小化并且高度自动伸展的
父级div的高度可以随着子级div的高度增长而增长,这个最基本的情况你应该是清楚的
我想你问的问题应该是同级的div高度自适应,也就是比如平级的2个div高度自动伸展
这个效果我可以推荐你3个方法
1、使用table布局,2个平行的td高度是自动一样的
2、左右2个div不必一定要做成独立的2个平级div,可以把一个div做成父级,一个做成子级,这样通过子级的div高度调整来达到父级高度也自动伸展,不过这个方法有局限性,但也并非不可用,如果不是你想要的效果,那你就可以采用第1和第3个方法
3、通过JS达到效果,我给你一个链接事例,你可参照
http://www.lanrentuku.com/js/table-21.html

如果不是你要问的情况,那就再继续追问吧
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2016-02-28
可以直接设置div相对页面宽度为100%即可。
设置css:
.left{float:left;}
div{width:100%;hight:100%;}
p{width:100px;background:yellow;}
设置body
<div>
<p class="left">文本左对齐</p>
</div>
第2个回答  2012-03-16
这个要做等高啊

如何让DIV随着其他DIV的高度增加而高度自动增长
这个效果我可以推荐你3个方法 1、使用table布局,2个平行的td高度是自动一样的 2、左右2个div不必一定要做成独立的2个平级div,可以把一个div做成父级,一个做成子级,这样通过子级的div高度调整来达到父级高度也自动伸展,不过这个方法有局限性,但也并非不可用,如果不是你想要的效果,那你就可以...

把网页分为两个格,怎么让一部分随另一部分自动增长?
如果是div布局,用嵌套

Div设置margin:0 auto之后,为什么height不能自动增长?怎样才能让Div居中...
<\/div> height自动增长表达方式:<div style="width:900px;background:#ff0000;padding:0px;margin:0px auto;"> <div style="width:500px;height:100px;background:#00ff00;float:left;">大div内部小div<\/div> 外面大div <div style="clear:both;"><\/div> <\/div> ...

CSS行高调整为自动(high:auto)有什么用,一般什么时候用呢?
比如说我要做一个新闻列表的页面,新闻多的时候一页显示20行,高度要达到200px+。新闻少的时候比如只有一条新闻,如果还是自动高度就很难看了,就要定义一个最小高度比如50px。那这个时候我只要定义min-height: 50px; hight: auto; 就可以了。

div里的auto是什么意思
width:auto 一般会按父级容器横向铺满(少用)height:auto 可以让DIV框随内容高度自动增长 overflow:auto (在width height确定的情况下)如果内容超出显示范围,自动添加滚动条 margin-right:auot margin-left:auto 这2个可以让确定宽度的DIV水平居中. DIV布局用得比较多 建议去下一本CSS2.0\/css3.0的...

<div style="overflow:auto;width:100%;height:753px"align="center">...
overflow:hidden;可以隐藏滚动条,但是如果你内容的高度超过735px,内容超过的部分也会被隐藏。所以不建议这么改如果页面对高度没有特定的要求,建议你可以把height:735px;verflow:auto;这两句去掉,这样div可以根据内容的高度自动增长

div没有设置高度为什么边框不随着增长?
1、布局时遵循从整体到局部的原则。可以尝试先设计出各个div块之间的关系,包含或者并列。2、并列的块时,可使用float属性,使用float时要保证这两个块的宽度之和小于其父级块,否则会出现折行。3、在应用了float属性的块时,该块已脱离正常文档流,所以其下的块会当其不存在一样,此时需要clear。DI...

两个div层的位置
div的height设置成auto;就行了,内容超出去会自动放下挤的,如果你div2没有绝对定位的话,也会跟着放下走,不用别的什么东西的。

一个宽度固定、高度自增长的div中添加了多个a标签,当a标签超过div的宽度...
设置a的float为left,这样的话a标记会自动的向左浮动,然后如果剩余宽度不够就会自动换到下一行。

同比增速计算结果中的#DIV\/0,怎么可以自动变成100或横线?
=IFERROR(IF(AND(A1=0,B1=0),"-",A1\/B1*100-100),100)

相似回答