CSS3_浮动造成的的li反向排列

ul元素右浮动，li元素右浮动会反向排列。

li元素会按从上到下依次浮动。如果需要li元素的内容从左向右阅读，那么li元素的浮动只能是float:left；

<ul id="nav">
        <li>a</li>
        <li>b</li>
        <li>c</li>
</ul>

#nav{
            float: left;
            list-style: none;
            padding: 0;
        }
        #nav li{
            float: left;
        }

 

 效果：