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

时间：2020-02-06 11:41:04 收藏：0 阅读：207

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;
        }

效果：

技术分享图片

原文：https://www.cnblogs.com/Syinho/p/12267973.html