两个宽度确定，高度根据内容自动伸缩的div，如何让高度相等。因为要做背景，边框等，两边齐了好看点。

Posted 2023-05-10

<div id=body>
<div id=left></div>
<div id=right></div>
</div>
例如这两个div，left和right。宽度都是确定的，高度根据div中的内容自动伸缩，就是说如果当left中的内容比较多，right中的内容比较少的时候，如何让right这个div的高度自动和left补齐。当right中的内容比较多，left中内容比较少的时候，要让left的高度自动和right补齐。

又是这个问题。。。
回答好几次了
百度搜索一个2列等高
下面我自己写给你
<style>
* margin:0; padding:0;
body font-size:12px; margin:0 auto;
#aa overflow:hidden;width:500px;margin:0 auto; color:#fff;
#left,#rightmargin-bottom:-10000px;padding-bottom:10000px;
#leftfloat:left;width:250px;background:#000;
#rightfloat:left;width:250px;background:#F00;
</style>
<div id="aa">
<div id="left">fad</div>
<div id="right">sdfsdgsdkfgsdfg<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
阿萨德恢复撒旦防撒旦赶
</div>
</div> 参考技术A 不要用js写，有时候会有加载问题。
把左右两个div都加入这个类
.box

padding-bottom: 32767px !important;
margin-bottom: -32767px !important;

两边就高度自动对齐了 参考技术B #body
width:确定的值；
heigth:auto;

#left
width:确定的值；
heigth:auto;
float:left;

#right
width:确定的值；
heigth:auto;
float:left;或float:right;

你说的高度自动补齐 因为两边内容不一样，是不能自动补齐的 参考技术C 可以通同javascript同步两个div的height值

iframe自适应高度设置（iframe自适应高度和宽度）

参考技术A 您好,现在我来为大家解答以上的问题。iframe自适应高度设置，iframe自适应高度和宽度相信很多小伙伴还不知道,现在让我们一起来看看吧！1...

您好,现在我来为大家解答以上的问题。iframe自适应高度设置，iframe自适应高度和宽度相信很多小伙伴还不知道,现在让我们一起来看看吧！

1、在文件夹里创建两个html文件，一个“index”一个“iframe”。

2、2、在index中添加一个iframe标签，直接嵌入iframe页面。

3、3、在iframe网页中添加了两个固定高度的div内容。

4、4、浏览器打开index页面我们发现iframe部分有滚动条，需要滚动显示页面。

5、5、现在我们在index页面的iframe标签再添加如下的属性。

6、6、再次打开index页面iframe已经高度自适应了。