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的input标签的`type`属性值详解和代码示例

《HTML5的input标签的`type`属性值详解和代码示例》HTML5的`input`标签提供了多种`type`属性值,用于创建不同类型的输入控件,满足用户输入的多样化需求,从文本输入、密码输入、... 目录一、引言二、文本类输入类型2.1 text2.2 password2.3 textarea(严格

idea设置快捷键风格方式

《idea设置快捷键风格方式》在IntelliJIDEA中设置快捷键风格,打开IDEA,进入设置页面,选择Keymap,从Keymaps下拉列表中选择或复制想要的快捷键风格,点击Apply和OK即可使... 目录idea设www.chinasem.cn置快捷键风格按照以下步骤进行总结idea设置快捷键pyth

MyBatis配置文件中最常用的设置

《MyBatis配置文件中最常用的设置》文章主要介绍了MyBatis配置的优化方法,包括引用外部的properties配置文件、配置外置以实现环境解耦、配置文件中最常用的6个核心设置以及三种常用的Ma... 目录MyBATis配置优化mybatis的配置中引用外部的propertis配置文件⚠️ 注意事项X

SpringBoot返回文件让前端下载的几种方式

《SpringBoot返回文件让前端下载的几种方式》文章介绍了开发中文件下载的两种常见解决方案,并详细描述了通过后端进行下载的原理和步骤,包括一次性读取到内存和分块写入响应输出流两种方法,此外,还提供... 目录01 背景02 一次性读取到内存,通过响应输出流输出到前端02 将文件流通过循环写入到响应输出流

SpringBoot+Vue3整合SSE实现实时消息推送功能

《SpringBoot+Vue3整合SSE实现实时消息推送功能》在日常开发中,我们经常需要实现实时消息推送的功能,这篇文章将基于SpringBoot和Vue3来简单实现一个入门级的例子,下面小编就和大... 目录前言先大概介绍下SSE后端实现(SpringBoot)前端实现(vue3)1. 数据类型定义2.

前端Visual Studio Code安装配置教程之下载、汉化、常用组件及基本操作

《前端VisualStudioCode安装配置教程之下载、汉化、常用组件及基本操作》VisualStudioCode是微软推出的一个强大的代码编辑器,功能强大,操作简单便捷,还有着良好的用户界面,... 目录一、Visual Studio Code下载二、汉化三、常用组件1、Auto Rename Tag2

Java JAR 启动内存参数配置指南(从基础设置到性能优化)

《JavaJAR启动内存参数配置指南(从基础设置到性能优化)》在启动Java可执行JAR文件时,合理配置JVM内存参数是保障应用稳定性和性能的关键,本文将系统讲解如何通过命令行参数、环境变量等方式... 目录一、核心内存参数详解1.1 堆内存配置1.2 元空间配置(MetASPace)1.3 线程栈配置1.

C#借助Spire.XLS for .NET实现Excel工作表自动化样式设置

《C#借助Spire.XLSfor.NET实现Excel工作表自动化样式设置》作为C#开发者,我们经常需要处理Excel文件,本文将深入探讨如何利用C#代码,借助强大的Spire.XLSfor.N... 目录为什么需要自动化工作表样式使用 Spire.XLS for .NET 实现工作表整体样式设置样式配置

vite搭建vue3项目的搭建步骤

《vite搭建vue3项目的搭建步骤》本文主要介绍了vite搭建vue3项目的搭建步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1.确保Nodejs环境2.使用vite-cli工具3.进入项目安装依赖1.确保Nodejs环境

Nginx搭建前端本地预览环境的完整步骤教学

《Nginx搭建前端本地预览环境的完整步骤教学》这篇文章主要为大家详细介绍了Nginx搭建前端本地预览环境的完整步骤教学,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录项目目录结构核心配置文件:nginx.conf脚本化操作:nginx.shnpm 脚本集成总结:对前端的意义很多