Html 位置：导致错误的相对位置

我有一个页面，其中包含一组按钮在页脚（底部）。当我第一次打开页面时，我得到如下按钮：

现在，有时前三个按钮被隐藏，我得到的页面如下：

我不明白会出什么问题？有趣的是，当我检查按钮并更改任何属性时，按钮会立即对齐。奇怪但真实。 锂元素代码：

li
{
    position: relative;
    top: 7px;
    left: 10px;
    display: block;

    float: left;
    margin-right: 10px;
}

现在，当我移除相对位置时，它不会被隐藏，而是会到达页面顶部

差不多

更新：我假设这是因为

位置：相对

，我可以在没有位置相对的情况下更改代码吗？还是位置：绝对

---

试试这个css:

    .details .action-bottom {
    height: 29px;
    background: #739DDD;
    border: 2px solid #01296E;
    border-top: 1px solid #666;
    margin: 0px 0 0 0;
}
.details .action-bottom ul {
    list-style: none;
    margin:0;
    padding:0;
}
.details .action-bottom li {
  display: inline-block !important;
  float: left !important;
  padding: 6px !important;
  position: inherit;
}

---

至少制作一个JSFIDLE或post html。单凭这一点还不足以确定发生了什么。你的UL在div中吗？@notulyses我正在尝试制作一把小提琴，但它在那里工作。@terary是的。它位于div.@Gun.IO中：若JSFIDLE上的示例按预期工作，那个么问题就在别处。请将链接添加到您的页面或帖子，以修改更多代码，因为问题将在那里可见。你可能给LIs设置了其他位置。查看它@AhosanKarimAsik。我想唯一的变化是这里的

细节。行动底部li

。对吧？这没用。是否可以删除

position:relative

并获得相同的HTML输出。我现在正在尝试。只是指我的朋友，试试看。您的问题是

left:7px

定义的问题。因此，所有的

li

都得到相同的位置。我在每次刷新时都会这样做。@Gun.IO查看我的更新。。firebug可以继承您项目的另一个css。。