class="main"><div
class="left"></div><div
class="center"></div><div
class="right"></div><div
class="cle"></div></div><style
type="text/css">.main
{width:1000pxmargin:0
auto}.left
{width:245pxfloat:left}.center
{width:435pxfloat:leftmargin-left:10px}.right
{width:300pxfloat:right}.cle
{height:0clear:both}</style>
正常情况中间是要定宽度的，特殊手段还是做到不定宽度的，注意:center、left和right的总宽度+他们的margin不能大于main的宽度。
1、css控制图片大小，参考如下代码：div img {
max-width:600px
width:600px
width:expression(document.body.clientWidth>600?"600px":"auto")
overflow:hidden
}
2、代码说明：
◎ max-width:600px在IE7、FF等其他非IE浏览器下最大宽度为600px。但在IE6中无效。
◎ width:600px在所有浏览器中图片的大小为600px
◎ 当图片大小大于600px，自动缩小为600px。在IE6中有效。
◎ overflow:hidden超出的部分隐藏，避免控制图片大小失败而引起的撑开变形。
假设你的HTML中的图片是这样的：<img id="myPic" src="/images/xx.gif" />
然后你在CSS中写：
img#myPic{width:100pxheight:120px}
总之就是width和height两个属性。当然你也可以设置更复杂的样式。
