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

编程入门 行业动态 更新时间:2024-10-07 14:27:13

html设置内边距不改变大小,**css+html为什么右侧菜单的字体大小和边距设置在失效?<a href=https://www.elefans.com/category/jswz/34/1768025.html style=谁能看下*..."/>

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

更多推荐

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

本文发布于:2024-03-23 23:10:58,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1743957.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:谁能   字体大小   不改变   菜单   大小

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!