设置nav left nav right 之后 撑开的部分都占据一行了

来源:3-4 企业网站制作之导航部分制作(一)

高大的指挥塔

2016-03-26 14:35

http://img.mukewang.com/56f62d6b000188c210690189.jpg

这是怎么回事啊


写回答 关注

3回答

  • 陌熙
    2016-03-26 14:56:16

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

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

    .logo-left{width:375px;float:left;}

    .logo-right{width:300px;float:right;margin-top:40px;color:#8E8E8E;}

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

    .tel{font-family: "Microsoft Yahei";font-size:16px;color:#C00;}


    .nav{height:40px;}

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

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

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

    .nav-mid-left,.nav-mid-right{float:left;}

    .nav-mid-left{width:680px;}

    .nav-mid-right{width:300px;}


    对照一下,我之前也出现了这个错误。

  • zlw310282
    2016-03-26 14:48:48

    试试 clear:both;

  • 小左OMG
    2016-03-26 14:46:59

    可以试一试使用clear:both; 的方法来清除浮动带来的影响。

企业网站综合布局实战

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

157042 学习 · 1984 问题

查看课程

相似问题