为了账号安全,请及时绑定邮箱和手机立即绑定

nav上面出现了这个

@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://img1.sycdn.imooc.com//5c7f16c700012e6410850271.jpg

正在回答

1 回答

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

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

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

5 回复 有任何疑惑可以回复我~
#1

weibo_执著的弧线_0

详情请百度如何清除浮动
2019-03-10 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

nav上面出现了这个

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信