css如何让并行的三个div高度随时保持一致

Question

三个不一样的要保持一样高度，是指左中右三个；

以下为CSS文件中内容

.content { width:976px; margin-top: 2px; margin-right: auto; margin-bottom: 1px; margin-left: auto; border: 1px solid #990000; clear:both;}
.side { height: 300px; width: 240px; float: left; background-color: #FF9933; border: 1px solid #CC0000; }
.side1 { background: #FF9933; height: 300px; width: 240px; float: right; border: 1px solid #CC0000; }
.main { background: #FFFFFF; height: 300px; font-family: "微软雅黑";border: 1px solid #CC0000;}

以下为HTML代码：

<div class="content">
<div class="side">此处显示左侧 的内容</div>
<div class="side1">此处显示右侧 的内容</div>
<div class="main">此处显示 主要的 的内容</div>
</div>
<div class="content">
<div class="side">此处显示左侧 的内容</div>
<div class="side1">此处显示右侧 的内容</div>
<div class="main">此处显示 主要的 的内容</div>
</div>
<div class="content">
<div class="side">此处显示左侧 的内容</div>
<div class="side1">此处显示右侧 的内容</div>
<div class="main">此处显示 主要的 的内容</div>
</div>

Answer 1

这个问题好办的!!
我的办法是用js比较三个div的高度
然后设置高度想同!
在百度搜索"jquery做的三列div高度自适应"
第一个就是网络蛀虫小窝的的一篇文章就是

追问

如果同一个页面里有三组这样的样式也能同时一样吗

追答

没有问题的

追问

那我试试

追答

看到了吗!

追问

他这只有二列，我这可是三列哦

追答

看到了吗!
是三列的
要是不行直接在我的网站留言
一会我给你做!

在百度搜索"jquery做的三列div高度自适应"

网络蛀虫小窝 一篇文章就是

追问

最好用纯CSS，不要JS的！

追答

ie6的不兼容啊!哥们!!
还有个别的ie内核的浏览器也不兼容的1
要是所有浏览器都支持css3哪就好办多了!

追问

支持的！网易，还有好多个都支持的

追答

哪有什么网易浏览器啊

追问

指它的三排并列就是纯样式的

追答

但是高度不能自适应!!
十列我也可以做的!只要高度不自适应!

追问

网易能做到的

追答

十列并列排列不进行高度自适应我也可以做的

Answer 2

高版本的浏览器采用display :table,不支持这个的采用PADDING-BOTTOM:10000PX;MAGINT-BOTTON:-10000PX;

Answer 3

给设个固定的高度就可以了

追问

要是能固定高度，就好了，能不能像表格那三列能自动高度相等

追答

当然可以 没有设置高度时 就是自适应撑开 但你很难保证 三块的内容都一样多

Answer 4

可以考虑用表格啊

追问

这个不能用表格嘛，要是能用，就不麻烦大家了