自适应高和宽的三列DIV

DATE: 2016-11-10 / VIEWS: 660

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>自适应高度和宽度的DIV</title>
<style type="text/css">
html,body{margin:0px;height:100%;font-size:9pt}
#left,#right{top:0px;width:100px;position:absolute;height:100%;background:#99CC00;}
#left{left:0px;}
#right{right:0px;}
#content{margin-left:100px;margin-right:100px;height:100%;background-color: #6699FF;}
</style>
</head>

<body>
<div id="left">left</div>
<div id="content">content</div>
<div id="right">right</div>
</body>
</html>