关于div与div嵌套的有关问题

关于div与div嵌套的问题
这是我的代码
<!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>
<style type="text/css">
</style>
<link rel="stylesheet" href="../style_css/cgal_1.css"/>
</head>

<body>

     <div class="top">
       <div class="top_1_1">
      <a href="">
      <p class="sz" align="center">设置主页</p></a>
      </div>
      <div class="top_1_2">
      <a href="">
      <p class="sz_1" align="center">点击收藏</p></a>
   </div>
   </div>
     <div id="header">
     <div class="top_1">
     </div>

     </div>

</body>
</html>
css
/*头文件开始*/
.top{
width:1280px;
height:24px;

margin:0 auto;
background:url(../images/top1.jpg)
}
.top_1_1{
height:24px;
width:74px;
margin-left:1002px;
position:relative;
}
.top_1_2{
width:74px;
height:24px;
margin-left:1096px;
float:left;

}
.sz{
font-size:12px;
color:#FFFFFF;
padding-top:5px;

}
.sz_1{
font-size:12px;
color:#000;
padding-top:5px;
}

#header{
width:1280px;
height:105px;
border:1px solid #F00;
margin:0 auto;
position:relative;
background:#F2F2F2;

}
#header .top_1 {

width:362px;
height:32px;
margin:0 auto;
margin-top:19px;

background:url(../images/cgal_1.png) -426px -19px no-repeat;
}

/*头文件结束*/
问题是“点击收藏这几个字不显示”
本人新手  求大神指教啊
------解决方案--------------------



<!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>

<style type="text/css">

/*头文件开始*/

.top{

width:1280px;

height:24px;


margin:0 auto;

background:url(../images/top1.jpg)


}


.top p{

	margin:0px;

}


.top_1_1{

height:24px;

width:74px;

margin-left:1002px;

float:left;

}

.top_1_2{

width:74px;

height:24px;

float:left;

}

.sz{

font-size:12px;

color:#FFFFFF;

padding-top:5px;


}

.sz_1{

font-size:12px;

color:#000;

padding-top:5px;

}



#header{

width:1280px;

height:105px;

border:1px solid #F00;

margin:0 auto;

position:relative;

background:#F2F2F2;


}

#header .top_1 {



width:362px;

height:32px;

margin:0 auto;

margin-top:19px;


background:url(../images/cgal_1.png) -426px -19px no-repeat;

}


/*头文件结束*/

</style>

</head>

  

<body>

<!--头文件开始-->

     <div class="top">

       <div class="top_1_1">

      <a href="">

      <p class="sz" align="center">设置主页</p></a>

      </div>

      <div class="top_1_2">

      <a href="">

      <p class="sz_1" align="center">点击收藏</p></a>

   </div>

   </div>

     <div id="header">

     <div class="top_1">

     </div>

     

     </div>

<!--头部结束-->

</body>

</html>

关于div与div嵌套的有关问题

相关推荐