<title>1-3-1布局</title>
<style type="text/css">
#header,#content,#footer{
background-color:#ccc;
border:1px solid #0ca;
height:30px;
width:800px;
margin:10px auto;
}
#content{
height:500px;
}
#left{
height:500px;
width:200px;
float:left;
background-color:#0F0;
border:1px solid red;
}
#midd{
float:left;
width:393px;
height:500px;
border:1px solid #F0F;
background-color:#00F;
}
#right{
width:200px;
height:500px;
border:1px solid green;
background-color:#FF0;
float:right;
}
</style>
</head>
<body>
<div id="header"></div>
<div id="content">
<div id="left"></div>
<div id="midd"></div>
<div id="right"></div>
</div>
<div id="footer"></div>
</body>
转载于:https://www.cnblogs.com/shenxuan1993/archive/2011/11/04/2236071.html