Question

如何通过设置CSS使并排的三个DIV自动等高。(中间的div输入内容，两边的div是Y循环图片)

比如
<div id="main">
<div id="left"></div>
<div id="mid"></div>
<div id="right"></div>
</div>

中间的MID随着里面的内容自动调整高度。
那么两边的div怎么高置height,
我如果设置为100%，因为它的父div，main的高度也不确定，所以根本显示不出效果来。
不知道有没有办法解决这个问题。

Answer 1

不行 不能自动等高如果用样式控制的话 用js差不多可以实现

追问

js该怎么写，有没有简便的方法。

追答

简便的方法 就是给三个div固定的高度就行了

追问

里面的内容是通过动态读取的，所在不可以定高，就算设了min-height也起不到作用。

追答

为什么FF下文本无法撑开容器的高度 标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢？办法就是去掉height设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义: { height:auto!important; height:200px; min-height:200px; }
页面的最小宽度 min -width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个 放到 标签下，然后为div指定一个类, 然后CSS这样设计： #container{ min-width: 600px; width:expression(document.body.clientWidth < 600? "600px": "auto" );} 第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。

Answer 2

main的height:auto;
其它的left,mid right:的height:100%

没试，觉的这样可能行

追问

这样我也试过，还是不行的。

追答

那就用表格吧

追问

表格感觉有点退流行了。非常感谢你。