请教网页布局问题--三列自适应高度

[来自故乡的风]

我用VS2008在Master Page 里定义了三个div块，它们分左中右排列在另一个大的div中，其下边是一个用来分隔的div（clear:both;），之后是页脚div。我在中间的那个div块里放了一个ContentPlaceHolder，用来显示网页的具体内容。

我的问题是，当中间ContentPlaceHolder里的数据太多时，中间的div会变得很长，一直盖过页脚，两边的div却不随着变化。我试了很多方法，例如把两边div的高度设成100%、或用表格取代div，但都没成功。

我在网上搜“三列自适应高度”，得到很多结果，但在ASP里都不好用。

请问各位高手这种情况怎么办才好。谢谢！

[liiifeiii]

用css定位方式，absolute

[klyh1207]

position:relative;

[chokobo]

表格取代div布局肯定可以

[凤凰涅檠]

mainDIV: style="overflow:hidden"
leftDIV/rightDIV/middleDIV: style="padding-bottom: 6180px; margin-bottom: -6180px;"

试试

[凤凰涅檠]

jf jf

[杰子]

给你个网站，我做网站时 布局都是从这上面抄写。对你帮助肯定不小。
http://www.aa25.cn/layout/

[xingshungames]

通过js让两边的div的高度和中间的div高度相同

[来自故乡的风]

多谢各位的回答。如果单纯是静态网页，也许好解决。但我的这个问题是，在ASP.NET中，MasterPage里的ContentPlaceHolder，似乎不受div的约束...

还有什么好办法吗？再次感谢各位的帮助！

[以专业开发人员为伍]

[Quote=引用楼主 torontosky 的回复:]
我在网上搜“三列自适应高度”，得到很多结果，但在ASP里都不好用。[/Quote]

这是一个html编程问题，到html/css论坛去问问。

做asp.net开发，之前没学过html/javascript网站开发专业课程，实在是一种偷工减料的学习过程。

[以专业开发人员为伍]

[Quote=引用 3 楼 chokobo 的回复:]
表格取代div布局肯定可以
[/Quote]

当然！

不过好事者基本上都认为删除table是最时髦的选择。

[knifesky]

高度去掉，加个样式 Display:block 就行了

[来自故乡的风]

[Quote=引用 11 楼 knifesky 的回复:]
高度去掉，加个样式 Display:block 就行了
[/Quote]

请问在哪个div里加？


[Quote=引用 9 楼 sp1234 的回复:]
这是一个html编程问题，到html/css论坛去问问。

做asp.net开发，之前没学过html/javascript网站开发专业课程，实在是一种偷工减料的学习过程。
[/Quote]

年龄大了，没办法。这不是来补课了么！

[beyond_me21]

最后层的div要加一个overflow:hidden

[kkbac]

[Quote=引用 7 楼 xingshungames 的回复:]

通过js让两边的div的高度和中间的div高度相同
[/Quote]

js取得最高列.之后全部设置成最高列.

[来自故乡的风]

[Quote=引用 13 楼 beyond_me21 的回复:]
最后层的div要加一个overflow:hidden
[/Quote]

我刚才又试了一下。

中间那一段是三个并列的divA、divB、divC，这三个div里又有div。问题是最里层的div高度变化时，外层div没有变化。我试着在最外层使用overflow:hidden，没起作用。

我把里层的div删除就好了，暂时只能是先这样凑合了。谢谢大家！