| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1010 人关注过本帖
标题:对CSS一窍不通,帮忙看看这个怎么写!
只看楼主 加入收藏
nvzhanshi
Rank: 2
等 级:论坛游民
帖 子:54
专家分:47
注 册:2010-11-28
结帖率:66.67%
收藏
 问题点数:0 回复次数:4 
对CSS一窍不通,帮忙看看这个怎么写!
图片附件: 游客没有浏览图片的权限,请 登录注册

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

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

请大侠帮忙写一下!我实在是闹不明白这个!
搜索更多相关主题的帖子: CSS 一窍不通 
2010-12-08 10:56
nvzhanshi
Rank: 2
等 级:论坛游民
帖 子:54
专家分:47
注 册:2010-11-28
收藏
得分:0 
哪个大侠能帮忙写一个!
2010-12-10 09:08
nvzhanshi
Rank: 2
等 级:论坛游民
帖 子:54
专家分:47
注 册:2010-11-28
收藏
得分:0 
知道了!
2010-12-10 10:49
happy175
Rank: 1
等 级:新手上路
帖 子:8
专家分:3
注 册:2010-10-3
收藏
得分:0 
程序代码:
<!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>
2011-01-18 14:32
cccool
Rank: 7Rank: 7Rank: 7
等 级:黑侠
帖 子:268
专家分:555
注 册:2007-5-1
收藏
得分:0 
不错

[fly]让心情飞一会[/fly]
">Email to Me     
2011-01-18 15:40
快速回复:对CSS一窍不通,帮忙看看这个怎么写!
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.019743 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved