Question

我想在页面顶部构建一个（不知道除了什么叫它）面包屑吧，有点像在http://store.apple.com/us/browse/home/shop_mac/software，你知道，在页面的顶部，看起来像这样的水平浅灰色条

[home icon] | Shop Mac | Mac Software                     Help | Account | Cart

实际上，我已经让那个杆工作了，有一个弯曲的方形左边缘，中间的V形和弯曲的方形右边缘。所以，我的酒吧看起来像这样

[ Home > Foo > Bar > Baz ]

我有很少的图形片段组成[和＆gt;和]和中间部分。唯一的问题是，我希望右边缘位于我页面的右边缘。所以，上面的栏应该是这样的

[ Home > Foo > Bar > Baz                                                      ]

我想在面包屑栏中加入可变数量的条目...所以，我可以拥有“Home，Foo，Bar，Baz”或者我可以拥有“Home，Foo”或“Home，Foo，Bar” ，Baz，Qux“等等。换句话说，我希望我的栏的右边缘足够长，可以延伸到我的网页边缘。

建议？

Answer 1

我会尝试将除括号括号之外的面包屑元素放入div（或span）中，并将该元素浮动到外部容器中的左侧。将闭合支架放入浮动到右侧的元件中。 “外部容器”将按照大小或百分比设置为所需宽度的某种div，并根据布局的需要进行定位。

还有其他方法可以达到您想要的效果，但这应该为您提供一种方法作为起点。