CSS布局：选项卡留下正确的空间

Question

我有一个专为标签式浏览设计的页面。选项卡为<li> s，显示为块。制表符的父div设置为向右浮动。但是最后一个标签是正确地留下一些空间。它没有附着在窗户的右侧部分。我希望标签（或父标签）附加到右侧，或者它可能留下1个像素的空间。

Here 是小提琴。

Answer 1

您的父级标签向右浮动，但您的<ul>内部不是。在#menu上设置宽度，除非<li>占据整个宽度，否则右边总会有空格。

您可以删除#menu的width属性，也可以添加

float:right;

到#menu ul {}

Answer 2

替换此

#menu {
    float: right;
    height: 34px;
    width: 590px;
}

到

#menu {
    float: right;
    height: 34px;
}

你需要的只是删除父div的宽度，一切都可以）））