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

本文主要是介绍html设置内边距不改变大小,**css+html为什么右侧菜单的字体大小和边距设置在失效?谁能看下*...,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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

具体见下截屏:

bVbqJDu?w=1256&h=653

怎么改都不行,好像改左边的.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
    • 左菜单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为什么右侧菜单的字体大小和边距设置在失效?谁能看下*...的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/389214

相关文章

基于 HTML5 Canvas 实现图片旋转与下载功能(完整代码展示)

《基于HTML5Canvas实现图片旋转与下载功能(完整代码展示)》本文将深入剖析一段基于HTML5Canvas的代码,该代码实现了图片的旋转(90度和180度)以及旋转后图片的下载... 目录一、引言二、html 结构分析三、css 样式分析四、JavaScript 功能实现一、引言在 Web 开发中,

CSS place-items: center解析与用法详解

《CSSplace-items:center解析与用法详解》place-items:center;是一个强大的CSS简写属性,用于同时控制网格(Grid)和弹性盒(Flexbox)... place-items: center; 是一个强大的 css 简写属性,用于同时控制 网格(Grid) 和 弹性盒(F

CSS实现元素撑满剩余空间的五种方法

《CSS实现元素撑满剩余空间的五种方法》在日常开发中,我们经常需要让某个元素占据容器的剩余空间,本文将介绍5种不同的方法来实现这个需求,并分析各种方法的优缺点,感兴趣的朋友一起看看吧... css实现元素撑满剩余空间的5种方法 在日常开发中,我们经常需要让某个元素占据容器的剩余空间。这是一个常见的布局需求

CSS Anchor Positioning重新定义锚点定位的时代来临(最新推荐)

《CSSAnchorPositioning重新定义锚点定位的时代来临(最新推荐)》CSSAnchorPositioning是一项仍在草案中的新特性,由Chrome125开始提供原生支持需... 目录 css Anchor Positioning:重新定义「锚定定位」的时代来了! 什么是 Anchor Pos

CSS中的Static、Relative、Absolute、Fixed、Sticky的应用与详细对比

《CSS中的Static、Relative、Absolute、Fixed、Sticky的应用与详细对比》CSS中的position属性用于控制元素的定位方式,不同的定位方式会影响元素在页面中的布... css 中的 position 属性用于控制元素的定位方式,不同的定位方式会影响元素在页面中的布局和层叠关

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3

PostgreSQL 默认隔离级别的设置

《PostgreSQL默认隔离级别的设置》PostgreSQL的默认事务隔离级别是读已提交,这是其事务处理系统的基础行为模式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价... 目录一 默认隔离级别概述1.1 默认设置1.2 各版本一致性二 读已提交的特性2.1 行为特征2.2

一文详解MySQL如何设置自动备份任务

《一文详解MySQL如何设置自动备份任务》设置自动备份任务可以确保你的数据库定期备份,防止数据丢失,下面我们就来详细介绍一下如何使用Bash脚本和Cron任务在Linux系统上设置MySQL数据库的自... 目录1. 编写备份脚本1.1 创建并编辑备份脚本1.2 给予脚本执行权限2. 设置 Cron 任务2

mtu设置多少网速最快? 路由器MTU设置最佳网速的技巧

《mtu设置多少网速最快?路由器MTU设置最佳网速的技巧》mtu设置多少网速最快?想要通过设置路由器mtu获得最佳网速,该怎么设置呢?下面我们就来看看路由器MTU设置最佳网速的技巧... 答:1500 MTU值指的是在网络传输中数据包的最大值,合理的设置MTU 值可以让网络更快!mtu设置可以优化不同的网

全面解析HTML5中Checkbox标签

《全面解析HTML5中Checkbox标签》Checkbox是HTML5中非常重要的表单元素之一,通过合理使用其属性和样式自定义方法,可以为用户提供丰富多样的交互体验,这篇文章给大家介绍HTML5中C... 在html5中,Checkbox(复选框)是一种常用的表单元素,允许用户在一组选项中选择多个项目。本