玉jade 2021-11-10 15:12 采纳率: 100%
浏览 101
已结题

需要把导航下面文字和图片和导航栏对齐

需要把导航下面文字和图片和导航栏对齐，需要改哪一项，怎么改？


![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/233771825636188.jpg "=600 #left")

body{ text-align:center; margin:0; padding:0; text-decoration:none;}
#qpxw {
float: left;
height: 210px;
width: 310px;
}
#sjss1 {
font-size: 14px;
text-align: left;
float: left;
height: 35px;
width: 260px;
line-height: 35px;
padding-left: 30px;
}
#ssjs2 {
float: right;
height: 20px;
width: 300px;
text-align: center;
margin-top: auto;
margin-bottom: auto;
padding-top: 0px;
padding-bottom: 0px;
}

#sjss {
height: 35px;
width: 958px;
margin-right: auto;
margin-left: auto;
border: 1px solid #CCC;
}

#showtop1 {
float: left;
height: 38px;
width: 200px;
padding-left: 50px;
}
#nr2 {
font-size: 12px;
line-height: 20px;
float: left;
height: auto;
width: 95%;
overflow: hidden;
text-align: left;
}
#nr2 a:visited {
font-size: 12px;
color: #000;
}

#nr2 a {
font-size: 12px;
color: #000;
}
#nr2 a:hover {
font-size: 12px;
color: #000;
}

#mainfy_3 {
width: 760px;
float: left;
}

#aztzjj {
float: left;
width: 750px;
}

#showfooter {
width: 960px;
height: 75px;
float: left;
margin: auto;
}

#mainfy {
height: 920px;
width: 760px;
float: left;
}
#showtop {
float: left;
height: 39px;
width: 750px;
background-image: url(images/index_9.jpg);
line-height: 40px;
text-align: left;
background-position: left;
}
.all #showmain #st #showtop #showtop1 span a:visited {
font-size: 13px;
color: #000;
}

.all #showmain #st #showtop #showtop1 span a:hover {
font-size: 13px;
color: #000;
}
#incll {
float: right;
height: 920px;
width: 1px;
}

.all #showmain #st #showtop #showtop1 span a {
font-size: 13px;
color: #000;
}

#incl {
height: 920px;
width: 190px;
float: right;
background-color: #83b031;
}
#st {
float: left;
width: 755px;
}

#showmain {
margin: auto;
height: 1100px;
width: 960px;
}

#mr {
float: right;
height: 230px;
width: 196px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #999;
}

#mainfy_1 {
background-image: url(images/index_9.jpg);
height: 35px;
width: 700px;
text-align: left;
float: left;
}
#mainfy_2 {
height: 1000px;
width: 760px;
float: left;
}

.all{
width: 960px;
margin-left: auto;
margin-right: auto;
}
#mainright {
height: 1100px;
width: 197px;
float: right;
}

#mian1_3lift {
height: 193px;
width: 350px;
float: left;
}
#main3_2 {
float: right;
height: 230px;
width: 380px;
}

#mian1_1 {
height: 36px;
width: 200px;
font-size: 16px;
font-weight: bold;
color: #000033;
line-height: 35px;
float: left;
text-align: left;
padding-left: 10px;
}
#main3_1_1 {
width: 200px;
height: 75px;
padding-left: 40px;
float: left;
}
#main3_1_2 {
height: 115px;
width: 350px;
padding-left: 25px;
float: left;
}

#mian2right_2 {
width: 375px;
height: 185px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #999;
float: left;
}
#main3 {
height: 230px;
width: 760px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
background-color: #efefef;
}
#main3_1 {
float: left;
height: 230px;
width: 380px;
}

#mian2right_2_1 {
width: 350px;
height: 105px;
padding-left: 20px;
float: left;
}
#main5 {
height: 230px;
width: 760px;
background-color: #efefef;
}
#main5right {
width: 380px;
float: right;
height: 230px;
}
#mian2lift_1 {
height: 30px;
width: 90px;
font-size: 16px;
font-weight: bold;
line-height: 35px;
padding-left: 15px;
text-align: left;
float: left;
color: #000033;
}
#gd {
float: right;
height: 30px;
width: 100px;
text-align: right;
}

#main5lift2 {
height: 110px;
width: 355px;
padding-left: 20px;
float: left;
}

#main4lift1 {
height: 80px;
width: 170px;
padding-left: 40px;
float: left;
}
#main5right_1_1 {
height: 80px;
width: 180px;
padding-left: 40px;
float: left;
}
#main5right1_2 {
height: 100px;
width: 355px;
padding-left: 20px;
float: left;
}

#main5right_1 {
height: 185px;
width: 375px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #999;
float: left;
}

#main5lift {
float: left;
height: 230px;
width: 380px;
}
#main5lift1 {
height: 75px;
width: 180px;
padding-left: 40px;
float: left;
}

#main4right1_2 {
width: 355px;
height: 110px;
padding-left: 20px;
float: left;
}

#mian4right1 {
height: 190px;
width: 375px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #999;
float: left;
}
#mian4right1_1 {
width: 170px;
height: 85px;
padding-left: 40px;
float: left;
}

#main4lift {
float: left;
height: 230px;
width: 380px;
}
#main4lift2 {
width: 355px;
height: 105px;
padding-left: 20px;
float: left;
}

#main4right {
float: right;
height: 230px;
width: 380px;
}

#main_3_2_2 {
width: 375px;
height: 195px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #999;
padding-left: 2px;
float: left;
}
#mian3_2_22 {
height: 115px;
width: 355px;
padding-left: 20px;
float: left;
}

#mian3_2_1 {
font-size: 16px;
line-height: 30px;
font-weight: bold;
height: 30px;
width: 160px;
padding-left: 25px;
float: left;
text-align: left;
color: #000033;
}
#main411 {
height: 230px;
width: 760px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
background-color: #efefef;
}

#main4 {
height: 230px;
width: 760px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
background-color: #efefef;
}

#mian3_2_21 {
width: 190px;
height: 75px;
padding-left: 25px;
float: left;
}

#mian2lift_3 {
width: 350px;
height: 110px;
padding-left: 30px;
float: left;
}
#mian2lift_2 {
width: 200px;
height: 76px;
padding-left: 35px;
float: left;
}

#mian2lift {
height: 230px;
width: 380px;
float: left;
}

#mian1_3right {
height: 193px;
width: 80px;
float: right;
padding-right: 10px;
}

#main1_3 {
float: right;
height: 193px;
width: 450px;
}

#main1_2 {
height: 83px;
width: 82px;
padding-top: 50px;
padding-left: 40px;
float: left;
padding-bottom: 58px;
}
#main2 {
height: 230px;
width: 760px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
background-color: #efefef;
}

#mian1 {
height: 230px;
width: 760px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #999;
}
#mianright_1 {
height: 215px;
width: 196px;
}
#mainright_2_2 {
font-size: 14px;
height: 15px;
width: 190px;
text-align: right;
padding-right: 9px;
padding-top: 10px;
}

#mainright_2 {
background-color: #83b031;
height: 1100px;
width: 199px;
}
#mainright_2_1 {
height: 180px;
width: 199px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
}

#mainright_1_1 {
height: 110px;
width: 199px;
padding-top: 10px;
float: left;
text-align: left;
}
#mainright_1_1_1 {
float: left;
width: 186px;
height: 180px;
padding-top: 10px;
padding-left: 10px;
}

#mianright_2zt {
font-size: 16px;
font-weight: bold;
color: #FFF;
width: 160px;
height: 30px;
line-height: 35px;
padding-left: 25px;
float: left;
text-align: left;
}

#mainright_1_2 {
height: 30px;
width: 80px;
font-size: 14px;
text-align: right;
float: right;
line-height: 35px;
}

#gd {
height: 30px;
padding: 0px;
margin: 0px;
text-align: right;
float: right;
width: 100px;
font-size: 12px;
font-family: "宋体";
line-height: 35px;
}

#gdsj {
height: 150px;
width: 280px;
float: right;
}

#ggn1 {
float: right;
height: 150px;
width: 270px;
}

#ggn {
height: 100px;
width: 690px;
float: left;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
padding: 0px;
}

#ggt {
float: left;
height: 20px;
width: 100px;
padding-left: 10px;
}

.top{
width: 960px;
height: 188px;
background: url(images/home4.jpg);
text-align: left;
margin-right: auto;
margin-left: auto;
}

.top a{ border:0px;}
A{TEXT-DECORATION: none;}
#menu{ width:960px; height:57px; text-align:center; clear:both; margin:auto; padding:0px; background:url(images/menu.jpg);}
#menu ul{ width:954px; height:57px; padding:0; margin:auto;}
#menu ul li{ width:106px; height:57px; line-height:57px; float:left;list-style:none; text-align:center; font-size:14px; text-align:right;}
#menu ul li A:link{ width:106px; height:57px; line-height:57px; float:left; background:url(images/home6.jpg); list-style:none; text-align:center; color:#000;}
#menu ul li A:visited{ width:106px; height:57px; line-height:57px; float:left; background:url(images/home6.jpg); list-style:none; text-align:center; color:#000;}
#menu ul li A:active{ width:106px; height:57px; line-height:57px; float:left; background:url(images/home6.jpg); list-style:none; text-align:center; color:#000;}
#menu ul li A:hover{ width:106px; height:57px; line-height:57px; float:left; background:url(images/home5.jpg); list-style:none; text-align:center; color:#87B608;}

.aa{ font-size:16px; font-weight:bold;}

.footer{
width: 960px;
height: 72px;
background: url(images/footer.jpg);
margin: auto;
float: left;
font-size: 12px;
}
.main_left{ width:471px; height:450px; float:left;}
.main_left_1{
width: 470px;
height: 150px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.main_right{
width: 210px;
height: 450px;
float: right;
text-align: center;
border-top-width: 2px;
border-top-style: dotted;
border-top-color: #8B8B8B;
}
.main_right_1{
width: 225px;
height: 105px;
text-align: center;
border-bottom: dotted 2px #8B8B8B;
background-color: #FFF;
}
.menu{ width:960px; height:60px; text-align:left; clear:both;}
.nr{
width: 348px;
height: 20px;
font-size: 12px;
text-align: left;
line-height: 20px;
padding-top: 5px;
color: #000;
}
#mainright_1_1 {
width: 189px;
padding-left: 10px;
}

.nr a{ font-size:12px; color:#000;}
.nr a:hover{font-size:12px; color:#000; font-weight:bold;}
.nr a:visited{font-size:12px; color:#000;}
.nr1{
width: 100%;
height: 20px;
font-size: 12px;
color: #000;
line-height: 20px;
padding-top: 5px;
text-align: left;
}
#mian2right {
float: right;
height: 230px;
width: 375px;
}

.nr1 a:hover {
font-size: 12px;
color: #000;
font-weight: bold;
text-align: left;
}

.nr1 a {
font-size: 12px;
color: #000;
text-align: left;
}
.nr1 a:visited{
font-size: 12px;
color: #000;
text-align: left;
}
.lwsc{ margin-left:auto; margin-right:auto; width:80%; height:18px; margin-top:8px; text-align:left;}
.lwsc a{font-size:14px; color:#000; font-weight:bold;text-decoration:none;}
.wenzi a{font-size:16px; color:#FFF; font-weight:bold; font:"微软雅黑";text-decoration:none;}
.wenzi a:hover{font-size:16px; color:#FFF; font-weight:bold; font:"微软雅黑";}
.wenzi1{font-size:12px; line-height:20px;}
.zxgz{ font:"微软雅黑"; font-weight:bold; font-size:12px; color:#000;}
.zxgz a{ font:"微软雅黑"; font-weight:bold; font-size:12px; color:#000;}
.zxgz a:visited{ font:"微软雅黑"; font-weight:bold; font-size:12px; color:#000;}
.zxgz1{ font:"微软雅黑"; font-size:12px; color:#000;}
.zxgz1 a{ font:"微软雅黑"; font-size:12px; color:#000;}
.zxgz1 a:visited{ font:"微软雅黑"; font-size:12px; color:#000;}
.readme{ margin-right:20px; height:20px;}
.readme a{
font-size: 12px;
color: #000000;
}
.readme a:hover{
font-size: 14px;
color: #FF0000;
text-decoration: none;
font-family: "宋体";
}
.weizhi{margin-left:45px; height:35px; line-height:35px;}
.weizhi a{font-size:13px; color:#000;}
.weizhi a:hover{font-size:13px; color:#000; font-weight:bold;}
.weizhi a:visited{font-size:13px; color:#000;}
.liebiao{width:680px; border-bottom:dotted 1px #999; text-align:right;}
.liebiao a{ font-size:12px; color:#000;}
.liebiao a:hover{ font-size:12px; color:#000;}
.liebiao a:visited{ font-size:12px; color:#000;}
.table1{ width:300px; height:30px; text-align:right; border-bottom:dotted 1px #999999;}
.table2{ width:398px; height:30px; text-align:left; border-bottom:dotted 1px #999999;}
#s {
height: 700px;
width: 758px;
}
#azjjn {
float: right;
height: 300px;
width: 560px;
padding-right: 30px;
}
#tzt {
float: left;
height: 15px;
width: 175px;
padding-left: 30px;
padding-top: 10px;
}
#tzn1 {
float: left;
height: 100px;
width: 150px;
}

#tzn {
height: 300px;
width: 698px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
float: left;
}

#azjjt {
float: left;
height: 90px;
width: 90px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 10px;
clip: rect(0px,auto,auto,auto);
}
#tz {
height: 350px;
width: 698px;
border-top-width: thin;
border-top-style: dotted;
border-top-color: #000;
}
#show_jyhz {
height: auto;
width: 688px;
line-height: 24px;
padding-bottom: 10px;
float: left;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
padding-right: 30px;
padding-left: 30px;
}
#main {
height: 1270px;
width: 760px;
float: left;
}
#TopRS {
float: right;
height: 25px;
width: 330px;
padding-top: 7px;
font-size: 14px;
font-weight: bold;
background-image: url(images/topr.jpg);
background-position: right;
text-align: left;
}

#azjj {
height: 18px;
width: 300px;
float: left;
padding-left: 30px;
}

#sh {
width: 698px;
float: right;
}

.showtitle{
width: 748px;
text-align: center;
margin-top: 0px;
font-weight: bold;
font-size: 16px;
line-height: 40px;
height: 40px;
float: left;
background-color: #EFF3FB;
background-position: left;
}
.showcontent{
width: 698px;
height: 320px;
text-align: left;
line-height: 24px;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
margin-top: 20px;
float: left;
padding-right: 10px;
padding-left: 10px;
}

img

  • 写回答

2条回答 默认 最新

  • CSDN专家-showbo 2021-11-10 15:22
    关注

    1,2块不懂题主是哪个几个样式？

    3这块内容如果是showcontent这个样式，要和menu导航设置成一样的宽度

    .showcontent{
width:960px; 
///....其他样式
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
    1人已打赏
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 11月18日
  • 已采纳回答 11月10日
  • 创建了问题 11月10日

悬赏问题

  • ¥15 想用@vueuse 把项目动态改成深色主题，localStorge里面的vueuse-color-scheme一开始就给我改成了dark,不知道什么原因（相关搜索：背景颜色）
  • ¥15 flask实现搜索框访问数据库
  • ¥15 mrk3399刷完安卓11后投屏调试只能显示一个设备
  • ¥20 白日门传奇少一个启动区服和启动服务器的快捷键，东西都是全的 ， 他们说套一个出来就行了 但我就是弄不好，谁看看，
  • ¥100 如何用js写一个游戏云存档
  • ¥15 ansys fluent计算闪退
  • ¥15 有关wireshark抓包的问题
  • ¥15 需要写计算过程，不要写代码，求解答，数据都在图上
  • ¥15 向数据表用newid方式插入GUID问题
  • ¥15 multisim电路设计