请问为什么search_text部分不在右边呢?急!~~~

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

七月小麦麦

2015-05-24 19:54

http://img.mukewang.com/5561bbc900016ac010510171.jpg

/* 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;}


写回答 关注

1回答

  • qq_野蔷薇_0
    2015-12-26 19:21:31

    溢出隐藏  左边导航的宽度把右边挤出去了 你改改

企业网站综合布局实战

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

157042 学习 · 1984 问题

查看课程

相似问题