                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /企业网站综合布局实战

css float.right li 顺序颠倒

<li><a href="#">联系我们</a></li>
<li><a href="javascript:void(0)" onclick="SetHome(window.location)">加入收藏</a></li>
<li><a href="javascript:void(0)" onclick="AddFavorite(window.location,document.title)">设为首页</a></li>
                <!-- css float.right li 顺序颠倒 -->

<li><a href="#">设为首页</a></li>

<li><a href="#">加入收藏</a></li>

<li><a href="#">联系我们</a></li>

08:05

UFO2015

2016-04-15

源自：企业网站综合布局实战 3-2

关注问题我要回答

9109

操作

收起

4 回答

qq_旁观者_3 回答被采纳 +3 积分
2016-04-15

顺序反着写就可以了，float属性是按顺序来的，一般第一个float:right的话，它会自动先靠右，第二个float:right的话，它也会靠右，但这时候它是靠到第一个的左边了，以此类推

0 回复有任何疑惑可以回复我~

#1

UFO2015 提问者

Anyway ,thanks for your answer !

2016-04-16 回复有任何疑惑可以回复我~

wkzlalala
2017-10-08

怎么办呀？？

0 回复有任何疑惑可以回复我~

wkzlalala
2017-10-08

有些li都是动态加载的怎么反着写？？？都不知道到底有多少行

0 回复有任何疑惑可以回复我~

#1

在外面套了容器，对这个容器设置float：right，然后对容器里面的li设置float：left,就不用担心这个问题了

2018-09-11 回复有任何疑惑可以回复我~

#2

duo_shine 回复 TonyMaYun

正解啊

2018-11-29 回复有任何疑惑可以回复我~

UFO2015 提问者
2016-04-16

逆序（顺序反着写）好不习惯呀！

Anybody have other better solution ？

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

企业网站综合布局实战

参与学习 157081 人
解答问题 2157 个

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

本课相似问答

1 回答html/css 如何消除<li>标签占位

1 回答前端自学课程的顺序？

1 回答.nav_mid_left li

2 回答.top_content li{ }

2 回答li的问题

搜索更多本课相关问答

css float.right li 顺序颠倒

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号