您的位置：首页技术文章
文章详情页

css右浮动字的顺序颠倒了

浏览：177日期：2022-06-22 10:16:56

问题描述

<style>

*{ margin:0; padding:0; list-style:none;}

img{ border:0;}

.header{ width:100%; background:#11192c;}

.nav{ width:1000px; margin:0 auto; overflow:hidden;}

.nav ul li{ height:40px; line-height:40px; float: right; padding:10px 10px; margin:0px 5px;position:relative;}

.nav ul li a{ color:#8f8f8f; font-family:'Microsoft Yahei'; font-size:17px; float: right; text-decoration:none;}

.nav ul li a:hover{ color:#ffffff; text-decoration:none;}

.nav ul li span{ display:block; position:absolute; width:0px; height:0px; background:#ffffff; top:58px; left:50%;}

</style>

</head>

<body>

<!-- 代码begin -->

<div class="header">

<div class="nav">

<ul>

<li><a href='#'>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>

问题解答

回答1：

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

标签： CSS
上一条：我用了启动那一行的代码后，网页上的视频就没有声音了，怎么回事下一条：span的color问题
相关文章：
1. mysql主从，从库锁表会导致复制阻塞吗？2. javascript - ES5的闭包用ES6怎么实现3. html - 特殊样式按钮 点击按下去要有凹下和弹起的效果4. 关于Java引用传递的一个困惑？5. javascript - 小米浏览器中，图片导致fixed定位的元素无法显示6. java - yuicompressor-maven-plugin 合并可用却不压缩, 哪配置不对？7. mysql - 我用SQL语句 更新 行的时候,发现全部 中文都被清空了,请问怎么解决?8. javascript - 为什么!function foo(){}返回false，!function foo(){}()返回true？9. word-wrap该如何使用？10. update方法不能更新字段值为0的数据
排行榜
angular.js - ng-grid 和tabset一起用时，grid width默认特别小
angular.js - ng-grid 和tabset一起用时，grid width默认特别小
1. angular.js - angularjs 与requirejs集成
2. Android 关于图片压缩的问题。
3. 关于Java引用传递的一个困惑？
4. java - yuicompressor-maven-plugin 合并可用却不压缩, 哪配置不对？
5. android有ldpi, mdpi, hdpi, xhdpi这些drawable文件夹，系统是依据什么去选择的？
6. mysql - 我用SQL语句 更新 行的时候,发现全部 中文都被清空了,请问怎么解决?
7. android - textview在获取网络数据填充之后，占据的是默认的大小，点击之后才会包裹内容。
8. javascript - 小米浏览器中，图片导致fixed定位的元素无法显示
9. word-wrap该如何使用？
10. javascript - 为什么!function foo(){}返回false，!function foo(){}()返回true？
热门标签