当前位置：编程学习 > html/css >>
答案：<style type="text/css">
.header,.content,.footer{width:980px;margin:0 auto;}
.header{background-color:#Fe0;height:200px;}
.content,.left{background-color:#f0e;height:600px;}
.footer{background-color:#FdF;height:200px;clear:both;}
.left{width:200px;background-color:#Fa0;float:left}
.main{}
</style>
<div class="header"></div>
<div class="content">
<div class="left"></div>
<div class="main"></div>
</div>
<div class="footer"></div>其他：<style type="text/css">
body{width:100%,padding:0;margin:0}
#default{width:960px;margin:auto;}
#header{height:80px;border-left:1px solid #f00;border-right:1px solid #ff0;border-top:1px solid #0ff;border-bottom:1px solid #f00} //边框颜色请自行调整
.main-content-left{width:300px;float:left} //宽度请自行调整
.main-content-right{margin-left:300px;} //方法1
.main-content-right{float:right;width:660px} //方法2 此宽度根据两个DIV的间隔，可调整为650px,即两div的距离10像素
.clear{clear:both;line-height:0px;font-size:0px;height:0px;overflow:hidden;}
#footer{}//与header类似
</style>
。。。
<body>
<div id="default">
<div id="header"></div>
<div id="content">
<div class="main-content-left"></div>
<div class="main-content-right"></div>
<div class="clear"></div> <!-- 方法二需要此div-->
</div>
<div id="footer"></div>
</div>
<body>
。。。。 
- 更多html/css疑问解答：
- div+css中关于ie浏览器中非啊元素的：hover的实现问题，哪位大神指点下啊
- css jquery代码中为什么宽度这样设定.menu li ul 150px;.menu li ul a 110px;.menu li a中padding的20px
- css 属性选择器 ie6 不支持吗？
- 用css、jquery做的选项卡效果，有一个小疑问，请高手指点，代码如下：
- 介绍本学习css的书
- wordpress多个CSS样式怎么调用？
- 这个div 的css是如何编写的
- div+css中，div的右边框小于div的高度且居中，除了用背景图片，如何实现？
- 表格立体感用CSS怎么写 我要 具体代码 写仔细 分段的 谢谢 了 兄弟 还有 下拉列表框 立体感用CSS 怎么写
- CSS 在一个大的DIV里面，另一个DIV怎么居中并置底。
- dw中html文档为什么无法链接css文档
- 设计一个小例子说明DIV+CSS的优势（例子要解释并注释）。
- 我会html css目前正在学js，打算在大三的寒假找个实习，请问应该找哪方面的实习？
- css问题，跪求大大帮忙
- 请教网页设计高手，如下图的这种css代码怎么写？