七月小麦麦
2015-05-24 19:54
/* CSS Document */
*{
margin:0;
padding:0;
font-size:12px;
}
body{
background-color:#F5F5F5;}
.top{
width:100%;
height:27px;
background:url(images/top_bg.jpg) repeat-x;
}
.top_content{
width:1000px;
margin:0 auto;
}
.top_content li{
list-style-image:url(images/li_bg.gif);
float:right;
width:70px;
line-height:27px;
}
.top_content a:link,.top_content a:visited{
color:#8E8E8E;
text-decoration:none;}
.top_content a:hover,.top_content a:active{
color:#900;
text-decoration:none;}
.wrap{
width:1000px;
margin:0 auto;
}
.logo{
height:80px;
background-color:#FFF;}
.logo_left{
width:200px;
float:left;}
.logo_right{
width:400px;
float:right;
margin-top:30px;
height:28px;
color:#8E8E8E;}
.logo_right img{
vertical-align:middle;
margin-right:10px;
}
.tel
{
font-size:16px;
font-family:"微软雅黑";
color:#C00;
}
.nav{
height:40px;
}
.nav_left
{
width:10px;
background:url(images/nav_left.jpg) no-repeat;
}
.nav_mid{
width:980px;
background:url(images/nav_bg.jpg) repeat-x;
}
.nav_right{
width:10px;
background:url(images/nav_right.jpg) no-repeat;
}
.nav_left,.nav_mid,.nav_right{
float:left;
height:40px;
}
.nav_mid_left,nav_mid_right{
float:left;
}
.nav_mid_left{
width:680px;
}
.nav_mid_right{
width:300px;
}
.nav_mid_left li{
float:left;
list-style-type:none;
width:100px;
text-align:center;
line-height:40px;}
溢出隐藏 左边导航的宽度把右边挤出去了 你改改
企业网站综合布局实战
157042 学习 · 1984 问题
相似问题