Question

网页设计如何打出这个框架？尤其是“侧边栏+主体框”？劳烦大神帮打一下！谢谢！





Answer 1

首先等一个网页的宽度，然后再写css样式。直接给你实例代码吧：

<style>
body{margin:0;padding:0;border:0;}
.wrap{width:1200px;margin:0 auto;}
.wrap .header{width:100%;height:80px;margin:0 auto;}
.wrap .main{width:100%;margin:0 auto}
.wrap .main .left{width:300px;float:left;}
.wrap .main .right{width:890px;float:right;}
.wrap .footer{width:100%;height:80px;margin:0 auto;}
</style>
<div class="wrap">
 <div class="header">
 头部
 </div><!--头部结束-->
<div class="main">
 <div class="left">
 左边部分
 </div><!--左边部分-->
 <div class="right">
 右边部分
 </div><!--右边部分-->
</div><!--主体结束-->
<div class="footer">
底部
</div><!--底部结束-->
 </div>

Answer 2

楼上正解
<style>
body{margin:0;padding:0;border:0;}
.wrap{width:1200px;margin:0 auto;}
.wrap .header{width:100%;height:80px;margin:0 auto;}
.wrap .main{width:100%;margin:0 auto}
.wrap .main .left{width:300px;float:left;}
.wrap .main .right{width:890px;float:right;}
.wrap .footer{width:100%;height:80px;margin:0 auto;}
</style>
<div class="wrap">
<div class="header">
头部
</div><!--头部结束-->
<div class="main">
<div class="left">
左边部分
</div><!--左边部分-->
<div class="right">
右边部分
</div><!--右边部分-->
</div><!--主体结束-->
<div class="footer">
底部
</div><!--底部结束-->
</div>