<!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>
<title>三个div实现上下左右等分(自适应)</title>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <FCK:meta http-equiv="Content-Language" content="zh-CN" /> <FCK:meta name="Design Corp" content=" 李军" /> <FCK:meta name="Designer mail" content=" lijunabcxy@163.com" /> </head>
<style type="text/css">
/*<![CDATA[*/
body,html{height:100%;margin:0;padding:0;color:#fff;font-family:Arial} #left_top{float:left;height:50%;width:50%;background:#066;margin:0px!important;margin-right:-3px;}
#right{background:#006;height:100%;display:block;}
#left_bottom{position:absolute;bottom:0px;width:50%;height:50%;background:#060;} /*]]>*/
</style> <body>
<div id="left_top">
float:left;<br />height:50%;<br />width:50%;<br />background:#066; <br />margin:0!important;margin-right:-3px;
</div>
<div id="right">
background:#006;<br />height:100%;<br />display:block;<br />
</div>
<div id="left_bottom">
position:absolute;<br />bottom:0px;<br />width:50%;<br />height:50%;<br />background:#060
</div>
</body> </html>