宽度自适应
<title>宽度自适应1</title>
<style
type="text/css">
.content{width:100%; height:800px; min-width:980px;
width:expression_r((documentElement.clientWidth < 980) ? "980px" : "100%" );
}
.left{width:22%; height:500px; background:#0066CC;
float:left;}
.center{width:50%; height:500px; float:left; margin-left:10px;
background:#993300;}
.right{width:22%; height:500px; float:left;
margin-left:10px;
background:#CC9900;}
</style>
</head>
<body>
<div
class="content">
<div class="left"></div>
<div
class="center"></div>
<div
class="right"></div>
</div>
</body>
<style
type="text/css">
.content{width:100%; height:800px; min-width:980px;
width:expression_r((documentElement.clientWidth < 980) ? "980px" : "100%" );
}
.left{width:22%; height:500px; background:#0066CC;
float:left;}
.center{width:50%; height:500px; float:left; margin-left:10px;
background:#993300;}
.right{width:22%; height:500px; float:left;
margin-left:10px;
background:#CC9900;}
</style>
</head>
<body>
<div
class="content">
<div class="left"></div>
<div
class="center"></div>
<div
class="right"></div>
</div>
</body>
