html设置内边距不改变大小,**css+html为什么右侧菜单的字体大小和边距设置在失效?谁能看下*...

阅读: 评论:0

html设置内边距不改变大小,**css+html为什么右侧菜单的字体大小和边距设置在失效?谁能看下*...

html设置内边距不改变大小,**css+html为什么右侧菜单的字体大小和边距设置在失效?谁能看下*...

左侧菜单女装对应的右下侧菜单的类.rightNav和.rightNav dl以及.rightNav dd上设置的边距和字体大小不生效,只有字体颜色生效(可改)。右下侧菜单就是那些橙色字体。

具体见下截屏:

怎么改都不行,好像改左边的.leftNav ul li边距时,右下侧菜单会跟着改变同样的边距,字体样式如此。橙色字体菜单想改左边距为0(比如)、字号改为12px,怎么也改不了,问题在哪里???

请各位帮忙看下!

三克油。

代码如下:

/p>

".dtd">

测试页面

* {

margin: 0 auto;

padding: 0;

cursor: pointer;

}

a {

font-family:Microsoft YaHei,Simsun;

text-decoration:none;

}

.topNavContainer {

margin-top:121px;

width:100%;

height:42px;

border-top:1px solid;

border-bottom:1px solid;

}

.topNav {

border:1px solid;

width:977px;

height:42px;

position:relative;

}

.topNav a {

color:#444;

}

.topNav ul {

list-style:none;

}

.topNav ul li {

padding-right:40px;

font-size:14px;

line-height:42px;

float:left;

}

.tnavHighLight {

display:none;

position:absolute;

z-index:100009;

height:2px;

width:10%;

background-color:#f56400;

top:40px;

left:-6px;

}

.topNav ul li:hover .tnavHighLight {

display:block;

}

.leftNav {

position:relative;

top:0;

}

.leftNav ul {

left:-28px;

padding-top:10px;

list-style:none;

position:absolute;

z-index:10006;

display:none;

line-height:44px;

background-color:white;

border:1px solid;

height:400px;

}

.leftNav ul li {

clear:both;

background-color:white;

width:210px;

padding-right:0;

}

.leftNav ul li a {

font-size:14px;

padding-left:28px;

font-family:Microsoft YaHei,Simsun;

}

.topNav ul li:hover .leftNav ul{

display:block;

}

.leftNav ul li.active{

background-color:#feefe5;

}

.leftNav ul li:hover .active {

background-color:transparent;

}

.leftNav ul:hover li.active{

background-color:#fff;

}

.leftNav ul li:hover {

background-color:#feefe5 !important;

}

.rightNav {;

border:1px solid;

position:absolute;

width:820px;

height:400px;

top:0px;

left:210px;

padding-left:0;

padding-top:10px;

background-color:white;

display:none;

}

.rightNav dl {

float:left;

width:662px;

padding-left:0px;

border:1px solid;

}

.rightNav dd {

font-size:10px;

padding-left:0px;

}

.rightNav a {

float:left;

color:#f56400;

padding-right:0px;

padding-left:0px;

font-size:10px;

display:inline-block;

display:-moz-inline-stack;

}

.visible {

display:block;

}

.leftNav ul li:hover .rightNav {

display:block;

}

  • 顶菜单1
    • 左菜单1

      针织衫

      T恤

      毛衣

      衬衫

      半身裙

      长裙

      短裙

      风衣

      卫衣

      短外套

      夹克

      裤子

      西装

      大码女装

      妈妈装

      旗袍

      唐装

      休闲裤

      阔脚裤

      牛仔裤

      短裤

      打底衫

      打底裤

      吊带

      内衣

      皮衣

      皮草

      礼服

      舞台装

      套装

    • 左菜单2
      衣服2

      衣服2

      衣服2

      衣服2

      衣服2

  • 顶菜单2
    • 左菜单2-1
      衣服2-1

      衣服2-1

      衣服2-1

      衣服2-1

      衣服2-1

    • 左菜单2-2
      衣服2-2

      衣服2-2

      衣服2-2

      衣服2-2

      衣服2-2

本文发布于:2024-03-23 23:10:58,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/1711206658157236.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:谁能   字体大小   不改变   菜单   大小
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23