注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

c32's blog

每天学习一点点,每天进步一点点.

 
 
 
 
 

日志

 
 

Div嵌套  

2015-06-12 16:14:40|  分类: php |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contain"> 
<div id="header">
<div id="header_Left">logo</div>
<div id="header_Right">title</div>
<div id="header_daohang">
  <div class="menu">index</div>
<div class="menu">news</div>
<div class="menu">list</div>
<div class="menu">about</div>
</div></div>
<div id="body"></div>
<div id="footer">footer</div>
</div>
</body>
</html>
style.css

*{margin:0px}
#contain{background-color:#CCC;width:968px;height:800px;margin-left:auto;margin-right:auto;}
#header{background-color:#0099FF;width:968px;height:100px;margin-right:auto;margin-left: auto;}
#header_Left{background-color:#9999FF;float:left;width:130px;height:100px;margin-right:auto;}
#header_Right{background-color:#FF6699;float:left;/*浮动左边*/width:838px;height:100px;margin-right:auto;/*右*/margin-left:auto;/*左*/}
#header_daohang{background-color:#CC9966;float:left;width:968px;height:30px;margin-right:auto;margin-left:auto;}
#body{background-color:#CCCCCC; width:968px;height:600px;margin-right:auto;margin-left: auto;}
#footer{background-color:#999999;width:968px;height:100px;margin-right:auto;margin-left:auto;}
.menu{background-color:#669966;width:240px;height:30px;float:left;text-align:center;margin-left:2px;}

  评论这张
 
阅读(52)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017