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

Posted 2023-05-06

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

如果不是你要问的情况，那就再继续追问吧 参考技术A 可以直接设置div相对页面宽度为100%即可。
设置css：
.leftfloat:left;
divwidth:100%;hight:100%;
pwidth:100px;background:yellow;
设置body
<div>
<p class="left">文本左对齐</p>
</div> 参考技术B 这个要做等高啊

DIV相关的操作总结: DIV居中，DIV自适应高度

http://www.cnblogs.com/scy251147/p/3391228.html

父DIV自动匹配子DIV高度的方法

 

DIV居中或者居底的方法

 

DIV最小高度及自适应方法:　　需要给DIV块一个最小高度，但是当DIV内部内容超过最小高度的时候，需要DIV能够随着高度的增加而增加。这个时候，我们就可以利用_height和min-height属性来解决。