nav上面出现了这个

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

慕九州3379077

2019-03-06 08:40

@charset "utf-8";

*

{

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: 27pxs;/*让文字垂直居中*/

}

.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: white;

}

.logo_left

{

width:200px;

float:left;

}

.logo_right

{

width:300px;

float:right;

height:28px;

margin:30px;

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;

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;

}

https://img4.mukewang.com/5c7f16c700012e6410850271.jpg

写回答 关注

1回答

  • weibo_执著的弧线_0
    2019-03-10 16:12:13

    因为导航部分之前使用了浮动,后面的元素会受影响.

    要在写写导航之前添加空的div,如:<div class="clear"></div>

    然后在CSS文件中添加   .clear{clear:both;}

    weibo_...

    详情请百度如何清除浮动

    2019-03-10 16:13:08

    共 1 条回复 >

企业网站综合布局实战

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

157042 学习 · 1984 问题

查看课程

相似问题