【右浮动时标签倒转排列——以导航栏为例 解决此问题】

1、首先，在html中做好布局：

谷歌中显示如下：

2、设置一下基本样式

谷歌显示如下：

3、重点来了：
我们是要让图片左浮动，列表项右浮动。
需要先给图片所在的div（即.img）：float：left；
再给ul列表 (即.list)（作为li的父元素）：float：right；
最后我们给ul中的每一项子元素li (即.list>li)：float;left;

可以得到：

4、稍调下样式，就可以得到我们想要的导航栏了！