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>

转载于:https://www.cnblogs.com/shenxuan1993/archive/2011/10/28/2227435.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值