Html 为什么li值低于Safari和Chrome中的列表编号？

我很难弄明白为什么在Safari和Chrome中li值被推到li数字以下。它在IE和FF中看起来很正常（都在一条直线上）。请在每个浏览器中查看以下内容以了解我的意思：

我曾尝试使用li中的表而不是浮动div来复制它，但得到了相同的结果

有人知道为什么会发生这种情况，以及我如何更新css或html或两者来解决这个问题吗

---

谢谢

我以前遇到过这样的问题。 这是浮子造成的

---

您可以去掉float属性，改为使用边距和填充。

不确定它是否解决了您的特定问题，但如果去掉所有css和大部分div，数字将排列在输入旁边，“X”仍然很好地位于输入的右侧

<div>
    <ol>
        <li>
            <input>
            <button>x</button>
        </li>
        <li>
            <input>
            <button>x</button>
        </li>
    </ol>
</div>

x


x

我花了一些时间尝试提出一个没有浮动的工作解决方案，并提出了以下建议，供需要的人参考：

---

我不太确定如何在没有浮动的情况下实现这一点。我想，有输入的li会非常直接。但是我想把这个小“X”放在输入的右边，这就是为什么我到处都有“float:left；”的原因，类似于@domvoyt。如果我调整窗口的大小，在某一点上“X”再次下降，我希望它在调整窗口大小时仍保持在输入的右侧。