<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>div自适应</title>
<style type="text/css">
#dMain {
margin:0 auto;
width:90%;
}
#dLeft ,#dCenter ,#dRight {
float:left; /*统一设置float属性为left*/
height:300px; /*统一设置高度为300个像素*/
}
#dLeft {
background:#C1C1FF;
}
#dCenter {
width:380px; /*固定中间部分为380个像素*/
background:#FFC1FF;
}
#dRight {
background:#C8E3E3;
}
#dRight div {width:100%;/*此处主要为了实现满屏显示*/}
</style>
</head>
<body>
<b>3个部分，中间宽度固定，左右根据内容自适应，如何实现不管左右的宽度怎样变化，dCenter始终居中？</b>
<div id="dMain">
<div id="dLeft">1111111</div>
<div id="dCenter">2222222222222</div>
<div id="dRight">
<div>3333333333333</div>
</div>
</div>
</body>
</html>
