1-2-1固定宽度布局
<title>1-2-1固定宽度布局</title>
<style type="text/css">
#round{
margin:0;
padding:0;
width:100%;
background:#ccc url(images/lt1.gif) no-repeat;
}
#round h3{
margin:0;
padding:30px 0 86px 20px;
background:url(images/rt1.gif) no-repeat right top;}
#round div.main{
margin:-6em 0 -20px 0;
padding:20px 20px 0 20px ;
background:url(images/r1.gif) repeat-y right top;}
#round div.footer{
background:url(images/lb1.gif) no-repeat left bottom;
margin:0;
}
#round div.footer span{
background:url(images/rb1.gif) no-repeat right bottom;
display:block;
padding:0 30px 60px 20px;
margin:0px;
text-align:right;
}
#header,#container,#pagefooter{
width:600px;
margin:0 auto;}
#container{
position:relative;
}
#content{
position:absolute;
top:0;
left:0;
width:450px;}
#side{
margin:0 0 0 450px;}
</style>
</head>
<body>
<div id="header">
<div id="round">
<h3>富家大室</h3>
<div class="main">
<p>
<span>地方都是开房间都是的防守打法对方的是否撒即可广泛的股份大概个姐夫看电视。
</span>
</p>
</div>
<div class="footer">
<a href="#"><span>这是信息</span></a>
</div>
</div>
</div>
<div id="container">
<div id="content">
<div id="round">
<h3>富家大室</h3>
<div class="main">
<p>
<span>地方都是开房间都是的防守打法对方的是否撒即可广泛的股份大概个
地化工经济开发说更符合，规范化计划符合规范的韩国风格都是的广泛的工
会发的换个方式很高很高分等级的话但是过分过分，的是共和国结合国家规
定和加工基地发的是过分过分的过分的符合国家和国际化的很过分的话是德
国会，更符合法规的和规范的德国的发生过的方式更符合国家规划分。局统
一和规范化国家规定和加工基地发的是过分过分的过会更符合法规，的和规
范的德国的发生过的方式更符合国家规划分局统。
</span>
</p>
</div>
<div class="footer">
<a href="#"><span>这是信息</span></a>
</div>
</div>
</div>
<div id="side">
<div id="round">
<h3>富家大室</h3>
<div class="main">
<p>
<span>地方都是开房间都是的防守打法对方的是否撒即可广泛的股份大概个
地化工经济开发说更符合，规范化计划符合规范的韩国风格都是的广泛的工
。
</span>
</p>
</div>
<div class="footer">
<a href="#"><span>这是信息</span></a>
</div>
</div>
</div>
</div>
<div id="pagefooter">
<div id="round">
<h3>富家大室</h3>
<div class="main">
<p>
<span>
一和规范化国家规定和加工基地发的是过分过分的过会更符合法规，的和规
范的德国的发生过的方式更符合国家规划分局统。
</span>
</p>
</div>
<div class="footer">
<a href="#"><span>这是信息</span></a>
</div>
</div>
</div>
</body>
