css右浮动字的顺序颠倒了

Question

<样式>

*{ 边距：0;填充：0；列表样式：无;}

img{ 边框：0;}

.header{ 宽度：100%;背景：#11192c;}

##.nav{ 宽度：1000px;保证金：0 自动；溢出：隐藏;}

.nav ul li{ 高度：40px;行高：40px；浮动：右；内边距：10px 10px；边距:0px 5px;位置:相对;}

.nav ul li a{ 颜色:#8f8f8f; font-family:'微软雅黑';字体大小：17px；浮动：右；文本装饰：无;}

.nav ul li a：悬停{颜色：#ffffff;文本装饰：无；}

.nav ul li span{ 显示：块；位置：绝对；宽度：0px；高度：0px；背景：#ffffff；顶部：58px；左:50%;}

< ;ul>

<li>1</a><span></span></li>

    < li><a href='#'>2</a><span></span></li>

      <li><a href='#'> ;3</a><span></span></li>

    <li><a href='#'>4</a><span>< ;/span></li>

    <li><a href='#'>5</a><span></span></li>

    <li><a href='#'>6</a><span></span></li>

</ul>

</div>

</div>

3

0

0

古今公子?

回复

全部回复(1)

我来回复 关闭

Peter_Zhu2021-08-04 08:43:09 1 楼

同学, 你是要实现什么效果, 放张图可以吗?这么多代码, 难道还要让人去运行一遍才能知道你的问题吗? 直接抛出问题, 附上图,并说明需求,以及你用过的方法, 这样才是最快的问答方式

点赞 +0

添加回复 关闭回复

古今公子?

回复

• 回复 自己已经解决，谢谢
  古今公子? 作者 2021-08-04 09:20:04

热门专题

更多>

• CakePHP 教程
• CakePHP 教程
• Laravel 教程
• PHP教程

热门文章

• 下载CoinEx安卓手机版的方法
• 英国提出法案将比特币和 NFT 等数字资产归类为个人财产
• NBA 2K25 locker codes for September 2024
• word文档中有白色底色怎么去除 Word文档文档底色怎么取消方法
• win10远程连接提示NLA怎么办 win10远程连接提示NLA详解

热门教程

更多>

相关教程

热门推荐

最新课程

• 
  最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)

  1402780
• 
  php入门教程之一周学会PHP

  4230001
• 
  JAVA 初级入门视频教程

  2416295

• 
  最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)

  1402780
• 
  JAVA 初级入门视频教程

  2416295
• 
  小甲鱼零基础入门学习Python视频教程

  497908
• 
  Web前端开发极速入门

  214148
• 
  零基础精通 PS 视频教程

  858465

• 
  【web前端】Node.js快速入门

  4631
• 
  国外Web开发全栈课程全集

  3604
• 
  Go语言实战之 GraphQL

  3092
• 
  550W粉丝大佬手把手从零学JavaScript

  557
• 
  python大神Mosh，零基础小白6小时完全入门

  16000

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

• [表单按钮] jQuery企业留言表单联系代码
• [播放器特效] HTML5 MP3音乐盒播放特效
• [菜单导航] HTML5炫酷粒子动画导航菜单特效
• [表单按钮] jQuery可视化表单拖拽编辑代码
• [播放器特效] VUE.JS仿酷狗音乐播放器代码
• [html5特效] 经典html5推箱子小游戏
• [图片特效] jQuery滚动添加或减少图片特效
• [相册特效] CSS3个人相册封面悬停放大特效

• [Bootstrap模板] 有机果蔬供应商网页模板 Bootstrap5
• [后端模板] Bootstrap3多功能数据信息后台管理响应式网页模板-Novus
• [Bootstrap模板] 房产资源服务平台网页模板 Bootstrap5
• [Bootstrap模板] 简约简历资料网页模板 Bootstrap4
• [Bootstrap模板] bootstrap响应式宽屏图书教育网站模板-DREAMLIFE
• [后端模板] MAC风格响应式蓝色企业CMS后台管理系统模版
• [后端模板] 响应式渐变大气后台管理系统网站模板-usinessbox
• [Bootstrap模板] 响应式蔬菜水果商店网站模板-Organio

• [PNG素材] 可爱的夏天元素矢量素材(EPS+PNG)
• [PNG素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)
• [banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)
• [PNG素材] 金色的毕业帽矢量素材(EPS+PNG)
• [PNG素材] 黑白风格的山脉图标矢量素材(EPS+PNG)
• [PNG素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)
• [banner图] 扁平风格的植树节banner矢量素材(AI+EPS)
• [PNG素材] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)

• [前端模板] 家居装潢清洁维修服务公司网站模板
• [前端模板] 清新配色个人求职简历引导页模板
• [前端模板] 设计师创意求职简历网页模板
• [前端模板] 现代工程建筑公司网站模板
• [前端模板] 教育服务机构响应式HTML5模板
• [前端模板] 网上电子书店商城网站模板
• [前端模板] IT技术解决互联网公司网站模板
• [前端模板] 紫色风格外汇交易服务网站模板

Answer 1

同学, 你是要实现什么效果, 放张图可以吗?这么多代码, 难道还要让人去运行一遍才能知道你的问题吗? 直接抛出问题, 附上图,并说明需求,以及你用过的方法, 这样才是最快的问答方式