<!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>tzlink.com</title>
<style type="text/css">
<!--
body{
margin:0px;
}
#container {
width:700px;
}
#left{
float:left;
width:150px;
}
#left_top{
clear:both;
width:150px;
background-color:#FF0000;
overflow:hidden;
}
#left_bottom{
width:150px;
clear:both;
background-color:#00ff00;
overflow:hidden;
}
#right{
width:550px;
background-color:#0000FF;
float:left;
}
.clear{
width:1px;
height:1px;
font-size:1px;
clear:both;
}
p{
margin:0px;
padding:5px;
}
-->
</style>
<script type="text/javascript">
<!--
function init() {
if (document.getElementById) {
var h = document.getElementById("right").scrollHeight-document.getElementById("left_top").scrollHeight;
document.getElementById("left_bottom").style.height = h+"px";
}
}
//-->
</script>
</head>
<body onload="init()">
<div id="container">
<div id="left">
<div id="left_top">
<p style="font-size:120px">A</p>
</div>
<div id="left_bottom">
<p style="font-size:120px">B</p>
</div>
<div class="clear"></div>
</div>
<div id="right">
<p style="font-size:500px">C</p>
</div>
</div>
</body>
</html>
| 欢迎光临 站长论坛 (http://tzlink.com/bbs/) | Powered by Discuz! X3.2 |