将列表浮动到右侧

Question

这是我的代码：http://jsfiddle.net/gxLt5/11/

我想通过float:right使用类right，帐户列表项（测试测试）将位于紫色条的远处，但它不会。

有人可以解释我做错了吗？

Answer 1

这是因为ul＆＃39; s width小于您的预期（它不会占用余下的空间）。您可以将calc的变通方法应用于.navigation：

width: calc(100% - 100px);

PS ：100px是一个硬编码值，因此它取决于width的{​​{1}}和a。

JSFiddle

另一种解决方案是推送列表中的img链接，并将其img设置为width。然后将100%设置为第一个 n-1 float:left和li到最后一个。

JSFiddle

Answer 2

它漂浮在它的父元素右侧，即导航，它不会拉伸紫色条的整个宽度。

导航100％宽度并从那里开始工作。

Answer 3

确实向右浮动，即ul元素的右边缘。但由于它不是紫色条的整个宽度，它似乎不会浮动。