Html 无序列表右浮动折叠 ok，考虑下面的

我想在右边浮动一个无序的

列表。如果我没有像小提琴那样指定宽度，那么一定数量的
将在同一行上，直到有一行跳转到下一行

如果我给
一个宽度，如中所示，您可以看到
向后“向左”跳。我希望能够将
宽度设置为包含
的宽度的100%，同时仍浮动行项目
s“right”









保险商实验室{
浮动：对；
列表样式：无；
}
李{
浮动：左；
右：1%；
}
在这种情况下，更容易内联列表


div{
背景色：丽贝卡紫；
}
保险商实验室{
显示：块；
填充：4px20px；
文本对齐：右对齐；
}
李{
显示：内联块；
}
a{
颜色：白色；
字体：14px/1.6无衬线；
文字装饰：无；
}








在这种情况下，更容易内联列表


div{
背景色：丽贝卡紫；
}
保险商实验室{
显示：块；
填充：4px20px；
文本对齐：右对齐；
}
李{
显示：内联块；
}
a{
颜色：白色；
字体：14px/1.6无衬线；
文字装饰：无；
}








在这种情况下，更容易内联列表


div{
背景色：丽贝卡紫；
}
保险商实验室{
显示：块；
填充：4px20px；
文本对齐：右对齐；
}
李{
显示：内联块；
}
a{
颜色：白色；
字体：14px/1.6无衬线；
文字装饰：无；
}








在这种情况下，更容易内联列表


div{
背景色：丽贝卡紫；
}
保险商实验室{
显示：块；
填充：4px20px；
文本对齐：右对齐；
}
李{
显示：内联块；
}
a{
颜色：白色；
字体：14px/1.6无衬线；
文字装饰：无；
}








删除
li
上的
float:left
，不要使用百分比填充

看到这个了吗

删除
li
上的
float:left
，不要使用百分比填充

看到这个了吗

删除
li
上的
float:left
，不要使用百分比填充

看到这个了吗

删除
li
上的
float:left
，不要使用百分比填充

看到这个了吗

令人惊叹的。忘记了在没有浮动的情况下单独使用内联块！！！！很好！令人惊叹的。忘记了在没有浮动的情况下单独使用内联块！！！！很好！令人惊叹的。忘记了在没有浮动的情况下单独使用内联块！！！！很好！令人惊叹的。忘记了在没有浮动的情况下单独使用内联块！！！！很好！
<div>
    <ul>        
        <li><a href="">Link 1</a></li>
        <li><a href="">Link 2</a></li>
        <li><a href="">Link 3</a></li>
        <li><a href="">Link 4</a></li>
        <li><a href="">Link 5</a></li>
    </ul>      
</div>

ul {
    float: right;
    list-style: none;
}

li {
    float: left;
    padding-right: 1%;
}

ul {
    float: right;
    list-style: none;
}

li {
    padding-right: 1em;
}