html中两段之间的高度怎么写,左右两列自适应中间列内容即随中间内容高度自适应的布局...

复制代码代码如下:

test

body{margin:0; padding:0;}

table,tr,td{margin:0; padding:0; vertical-align:top; border-collapse:collapse; border:1px solid #FFFFFF}

#left,#center,#right{padding:10px; font:15px/180% bold "宋体"; color:#FFFFFF}

#left{ width:200px;background-color:#663399}

#center{ background-color:#006600;}

#right{ width:200px; background:#0066CC}

leftside

cente table+css的布局 1.两边内容可能随中间内容高度自适应。 2.中间内容也可以随两边内容高度的增加而自适应。 3.两边内容固定宽度，中间没有设置宽，但整个table设置了100%的可变宽度， 所以中间内容会自动适应变化的。 4.另外有一点就是要对TD的设置vertical-align:top;这样看上去才感觉才是从上到 下排列的 5.这种用table布局的方法比纯div+css布局从原理上更容易让人接受，如果说用table 布局的惟一不好之处的话是跟seo 相处得不怎么融洽，因为搜索引擎对div的抓取能力 比table要好得多。 6.经过测试在IE6.0,FF 3,Opera,Netscape Navigator,谷歌浏览器显示都是一致的。

rightside6.经过测试在IE6.0,FF 3,Opera,Netscape Navigator,谷歌浏览器显示都是一致