3个div并列，两边的定宽度，中间铺满

<!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>
</head>

<style>
html,body{height:100%; margin:0px; padding:0px;}
.main{ width:100%; height:100%; display:block; background:#063;}
.left{ width:100px; height:100%; float:left; background:#039;}
.right{ width:100px; float:right; height:100%; background:#933;}
.inta{ left:100px; right:100px; position:absolute;height:100%; background:#3CC;}
</style>
<body>
<div class="main">
<div class="left"></div>
<div class="inta">8888</div>
<div class="right"></div>
</div>
</body>
</html>

posted @ 2014-10-28 16:36  fm060  阅读(258)  评论(0)    收藏  举报