本文主要是介绍html设置内边距不改变大小,**css+html为什么右侧菜单的字体大小和边距设置在失效?谁能看下*...,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
左侧菜单女装对应的右下侧菜单的类.rightNav和.rightNav dl以及.rightNav dd上设置的边距和字体大小不生效,只有字体颜色生效(可改)。右下侧菜单就是那些橙色字体。
具体见下截屏:
怎么改都不行,好像改左边的.leftNav ul li边距时,右下侧菜单会跟着改变同样的边距,字体样式如此。橙色字体菜单想改左边距为0(比如)、字号改为12px,怎么也改不了,问题在哪里???
请各位帮忙看下!
三克油。
代码如下:
/p>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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
- 左菜单1
- 顶菜单2
- 左菜单2-1
- 衣服2-1
衣服2-1
衣服2-1
衣服2-1
衣服2-1
- 衣服2-1
- 左菜单2-2
- 衣服2-2
衣服2-2
衣服2-2
衣服2-2
衣服2-2
- 衣服2-2
- 左菜单2-1
这篇关于html设置内边距不改变大小,**css+html为什么右侧菜单的字体大小和边距设置在失效?谁能看下*...的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!