.nav .nav_right怎么跑下面去了

来源:3-3 企业网站制作之页面头部制作(二)

慕斯卡7430691

2018-11-19 16:14

https://img3.mukewang.com/5bf270b9000151fe13320280.jpg



@charset "utf-8";

/* CSS Document */

*{margin:0;padding:0;font-size:12px;}

/*top*/

body{background:#E4E1E1}

.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:#999;text-decoration:none}

.top-content a:hover,.top-content a:active{color:red}



/*wrap*/

.wrap{width:1000px;margin:0 auto;}

.logo{height:80px;background:#FFFFFF;}


.logo-left{width:200px;float:left;height:80;}

.logo_right{width:300px;float:right;height:80px;color:#999;}

.logo_right img{margin-right:10px;vertical-align: middle;}

.logo_right .wenzi{line-height: 80px;}

.logo_right .tel{color:red;font-size:10px;}



/*nav*/

.nav{height:40px;}

.nav_left{width:10px;background:url(images/nav_left.jpg) no-repeat;

float:left;height:40px;}

.nav_mid{width:980px;background:url(images/nav_bg.jpg) repeat-x;float:left;}

.nav_right{width:10px;background:url(images/nav_right.jpg) no-repeat;float:left;height:40px;}

.nav .nav_mid .nav_mid_left ul li{list-style-type:none;}


写回答 关注

2回答

  • 慕斯卡7430691
    2018-11-28 10:26:58

    谢谢!

  • running_钱
    2018-11-19 20:36:53

    .nav_mid_left,.nav_mid_right
    {
     float:left;
    }

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

查看课程

相似问题