根据早上学到的知识
我想把页面主要内容区再作为一个大块里面嵌套几个小块
方便以后要调整主要内容区时好做
于是我这样写了
<!DOCTYPE html public "-//W3C// DTD XHML 1.0 Strict//en"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title>云浮小站</title>
<meta http-equiv="Contion-Type" content="text/html;charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="CSS/index.css" type="text/css"/>
</head>
<body>
<div id="zhuti"><!--主体-->
<div id="headera">首页</div> <!--版头1-->
<div id="headerb">云浮黄页</div> <!--版头2-->
<div id="headerc">团购商城</div> <!--版头3-->
<div id="banner">banner</div>
<div id="main"> <!--主要内容区-->
<div id="TQYB">天气预报</div> <!--天气预报-->
<div id="MRQJ">每日气价</div> <!--煤气价格-->
</div>
<div id="footer">尾部</div>
</div>
</body>
CSS部分
#main{
width:1002px;
height:728px;
background:pink;
/*overflow:hidden;
clear:both;*/
margin-top:10px;
}
#TQYB{
width:200px;
height:150px;
background:black;
/*float:right;*/
}
但打开页面
没有效果
只有“天气预报”和“每日气价”几个问题在main上面
后面定义TQYB的框框都不显示
我想把页面主要内容区再作为一个大块里面嵌套几个小块
方便以后要调整主要内容区时好做
于是我这样写了
<!DOCTYPE html public "-//W3C// DTD XHML 1.0 Strict//en"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title>云浮小站</title>
<meta http-equiv="Contion-Type" content="text/html;charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="CSS/index.css" type="text/css"/>
</head>
<body>
<div id="zhuti"><!--主体-->
<div id="headera">首页</div> <!--版头1-->
<div id="headerb">云浮黄页</div> <!--版头2-->
<div id="headerc">团购商城</div> <!--版头3-->
<div id="banner">banner</div>
<div id="main"> <!--主要内容区-->
<div id="TQYB">天气预报</div> <!--天气预报-->
<div id="MRQJ">每日气价</div> <!--煤气价格-->
</div>
<div id="footer">尾部</div>
</div>
</body>
CSS部分
#main{
width:1002px;
height:728px;
background:pink;
/*overflow:hidden;
clear:both;*/
margin-top:10px;
}
#TQYB{
width:200px;
height:150px;
background:black;
/*float:right;*/
}
但打开页面
没有效果
只有“天气预报”和“每日气价”几个问题在main上面
后面定义TQYB的框框都不显示
