解决导航栏顺序问题 div+css(网页设计)

用无序列表<ul><li></li></ul>编辑导航栏时,实现如下效果,文字按顺序出现在页面右边

解决导航栏顺序问题 div+css(网页设计) 

如果只使用float:right;那么出现的顺序将会是上图中的 手机京东 出现在从左往右数的第一个

解决导航栏顺序问题 div+css(网页设计)

解决办法:使用float:right;再嵌套float:left;

解决导航栏顺序问题 div+css(网页设计)

效果图

解决导航栏顺序问题 div+css(网页设计)

这样遇到很多的<li>标签时就不用想着反着写啦!