- 3/5
- 1
- 2
- 3
- 4
- 5
织梦DedeCMS视频教程买空间 租服务器 选网硕互联！ 无忧站长工具,百度权重一键全查!
CSS多列高度自适应问题一直很困绕我们，现在这个问题终于可以解决了，大家请看这款代码，三列的调试自动适应，也就是三列中只要有一列的调试超过任一列，那其它两列就会自动加高，适应这种变化，而且三列中的中间列的宽度会自动适应，相信会帮了我们大忙。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS三列高度自适应-www.mb5u.com</title> <style type="text/css"> a{ color:#30C;} .wrap{overflow:hidden;} .left{width:250px;float:left; background:#F1F1F1;} .right{width:250px;float:right;background:#CCC;} .center{ background:#FC0;_float:left;/* ie6 hack*/ overflow:hidden;} .row{margin-bottom:-10000px;padding-bottom:10000px;} </style> </head> <body> <div class="wrap"> <div class="left row"><a href="http://www.mb5u.com">www.mb5u.com</a></div> <div class="right row"> <li><a href="/soft/1802.shtml" target="_blank">XOOPS CMS v2.3.0 RC3 中文正式版</a></li><li><a href="/soft/1801.shtml" target="_blank">LPAS相册（PHP+TXT）v1.7</a></li><li><a href="/soft/1899.shtml" target="_blank">NetMao 网猫影视系统 v5.1.0</a></li><li><a href="/soft/1032.shtml" target="_blank">PHPCMS 2007 SP6 GBK</a></li><li><a href="/soft/1854.shtml" target="_blank">模板无忧留言本PHP版 v1.0 GBK</a></li></div> <div class="center row"> <li><a href="/soft/3131.shtml" target="_blank">IPB论坛的PHP上传类代码</a></li><li><a href="/soft/3068.shtml" target="_blank">SMF PHP论坛 v1.17</a></li><li><a href="/soft/3065.shtml" target="_blank">php+Ajax国际象棋游戏源程序</a></li><li><a href="/soft/3048.shtml" target="_blank">phpMyAdmin v3.1.2 Windows</a></li><li><a href="/soft/3037.shtml" target="_blank">一个精品PHP柱状图生成类源代码</a></li><li><a href="/soft/3020.shtml" target="_blank">FlatPress 个人博客PHP版 v0.804</a></li><li><a href="/soft/3012.shtml" target="_blank">NOCC php邮件客户端 v1.7</a></li><li><a href="/soft/2998.shtml" target="_blank">HDWiki 百科建站系统 v4.03 UTF8</a></li><li><a href="/soft/2977.shtml" target="_blank">小巧的PHP网页编辑器带上传功能</a></li> <span style="float:right; position:relative;"> </span> <!--for ie6--> </div> </div> </body> </html>