1,451
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
body{ margin:0; padding:0;}
.wrap{ width:100%;}
.div01{ width:50%; height:200px; background:#999; float:left; overflow:hidden;}
.div01 table{ width:100%;}
.div02{ width:30%; height:200px; background:#F00; float:left; overflow:hidden;}
</style>
<script type="text/javascript">
function change(){
var width01=document.getElementById("div01");
var width02=document.getElementById("div02");
var clientWidth=document.body.clientWidth;
if(clientWidth<500){
width01.style.width=300+"px";
}else{
width01.className="div01";
}
}
</script>
</head>
<body onload="change()" onresize="change()">
<div class="wrap">
<div class="div01" id="div01">
<table border="1">
<tr>
<td width="20%">111</td>
<td width="30%">222</td>
<td width="20%">333</td>
<td width="10%">444</td>
<td width="10%">555</td>
<td>666</td>
</tr>
<tr>
<td width="20%">111</td>
<td width="30%">222</td>
<td width="20%">333</td>
<td width="10%">444</td>
<td width="10%">555</td>
<td>666</td>
</tr>
</table>
</div>
<div class="div02" ice:editable="div02"></div>
</div>
</body>
</html>