注册 登录
编程论坛 WEB前端(UI)

对CSS一窍不通,帮忙看看这个怎么写!

nvzhanshi 发布于 2010-12-08 10:56, 1027 次点击
只有本站会员才能查看附件,请 登录

如图所示
页面首先分为上(a),中(b),下(c)三部分
中(b)分为中左(a1),中右(a2)两部分
中右分中右左(a21),中右右(a22)两部分

分辨率为1024*768,页面大小在1003px正好合适,没有左右滚动条
要求定位在top:0px,left:0px

请大侠帮忙写一下!我实在是闹不明白这个!
4 回复
#2
nvzhanshi2010-12-10 09:08
哪个大侠能帮忙写一个!
#3
nvzhanshi2010-12-10 10:49
知道了!
#4
happy1752011-01-18 14:32
程序代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.>
<html xmlns="http://www.>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>设计源http://www.</title>
<style>
body,div
{ padding:0; margin:0;}
.clear
{ clear:both;}
.top,.foot
{ width:1003px; margin:0 auto 8px auto;}
.top,.foot
{ height:100px; background:#D9D9D9; text-align:center; line-height:100px;}
.a1,.a21
{ float:left;}
.a2,.a22
{ float:right;}
.center
{ padding:5px; width:991px; margin:0 auto 8px auto; overflow:hidden; border:1px solid #339999;}
.a1
{ width:200px; border:1px solid #00CCFF; height:200px; line-height:200px;text-align:center; }
.a2
{width:770px; border:1px solid #00CCFF; height:190px; line-height:190px; padding:5px;}
.a21,.a22
{ width:48%; text-align:center; border:1px solid #CCCCCC;}
.a21
{ background:#FFFF99;}
.a22
{ background:#CCFFFF;}
</style>
</head>

<body>
<div class="top">顶部</div>
<div class="center">
    <div class="a1">中左</div>
    <div class="a2">
        <div class="a21">中右左</div>
        <div class="a22">中右右</div>
    </div>
    <div class="clear"></div>
</div>
<div class="foot">底部</div>
</body>
</html>
#5
cccool2011-01-18 15:40
不错
1