三栏布局，让中栏先显示，且要三个栏高度相同(不能用背景图平铺)求方法_html/css_WEB-ITnose

我只能做到先让中栏先显示，等高应该怎样实现啊？
[img=http://my.csdn.net/my/album/detail/1113247#][/img]
，

 
header
 
 
 
main
main
main
main
main
 
 
left
left
left
left
left
left
left
left
left
left
left
 
 
 
right
right
right
right
 

回复讨论(解决方案)

设置相同的固定高度或加载后js设置高度。

我想让高度自适应，三列都跟内容最高的那列相同，不用js能实现吗？

自适应的话只好js实现

可以实现的，在这个栏目里的迅雷面试题中最后一道题就是这个，里面有答案。

http://topic.csdn.net/u/20091009/11/179bf6c0-437d-4875-b03b-d11211e69779.html?28820

里面有问题同答案地址

上面所说的等高不是正真的等高，而视觉上的，用了border而以

js的方法 能给我贴个代码吗？我学习这个时间不长，没啥经验 谢谢啦！！！！

等高： http://aliceui.com/equal-height-layout/
后出现的应该是用ajax在之前的载入完后加载的吧

等高：http://aliceui.com/equal-height-layout/
后出现的应该是用ajax在之前的载入完后加载的吧

没那么复杂吧，把main列写在前面就先加载了啊

引用 8 楼 p2227 的回复:
等高：http://aliceui.com/equal-height-layout/
后出现的应该是用ajax在之前的载入完后加载的吧


没那么复杂吧，把main列写在前面就先加载了啊 哦，那就是你已经解决了。另外一个问题上面的连接可以不

恩恩，这方法可以解决。用js怎样解决等高问题呢

建议楼主不要学习用JS实现等高的办法，因为这是违背脚本不控制基本布局的原则；其二上面的这些方法主要采用一个正margin一个负padding的技巧性处理，但这个是有副作用的，有点儿定时*的味道，个人觉得，其实很多网页设计是不需要等高的，通常可以用背景色搞定，或者很多背景色本来就是空白的。