Css 将图标放置在右上角，将其从流程中删除

我在右上角创建了一个DIV，它必须有两个链接（菜单和选项）：

每个链接文本将替换为使用背景图像的图标图像

第一节看起来不错，但第二节桌子被推倒了

我也试过“位置：绝对”，但很难在右边对齐

有人知道如何使菜单/选项列表在这两个方面看起来相同吗？
编辑：
表具有浏览器应用于它们的默认样式。要在第二把小提琴上解决这个特定问题（黄橙色的），您需要设置表格的
边框间距：0

如果这些预先设置的属性令您烦恼，也许您可以求助于CSS重置

-------------------------------------

我认为您可能忽略了一个事实，即ul和ol都有一个应用于它们的默认样式，这在不同的浏览器中是不同的。有些可能会设置填充，有些可能会设置边距（我自己还没有测试过）

你所需要做的就是把它添加到你的CSS中：（在你的小提琴中测试和工作）

ul{
填充：0；
保证金：0；
}

h2元素和table元素对ul浮动的响应不同。如果您将h2 CSS设置为
清除：两个
都会影响ul的余量。table元素出于某种原因考虑了浮动元素的边距（我无法解释原因）

NB://不是有效的CSS注释。使用/**。

如果您绝对希望从流中删除菜单，请将父div设置为
位置：相对和ul至
位置：绝对；左缘：80%；利润率最高：0%

这种方法的缺点是您必须大致估计菜单的长度。（在本例中，我获得了80%的利润，因此估计为20%）。假设div具有动态宽度，当视口太小时，它也会导致菜单浮动在表外。您可以通过将div设置为
overflow:hidden，但总的来说

如果这是我必须解决的问题，我只会坚持使用
float:right并在菜单和下一个元素之间留一些空白…
我编辑并改进了我的示例。我正在寻找的是UL在不向下推动div和table的情况下越过黄色区域。这有意义吗？我一直在尝试浮动和绝对定位，但没有运气…很抱歉，我第二次看了你的小提琴，没有黄色区域？你能重新发布一个工作链接吗？但老实说，如果你按照我的回答中的说明去做，它会起作用的。保证，我测试过了。什么部分导致问题？这是我正在寻找的：。在H2和表格示例中，橙色UL和绿线之间仍然有一个不同的空间。但这可能是不可能解决的。在本例中，我使用“位置：绝对”。这是我唯一能让它工作的方法。你能在jsFiddle中发布一个例子来说明你是如何做到的吗？非常感谢。
<div class="Clear">
    <ul class="Clear">
      <li><a>Menu</a></li>
      <li><a>Options</a></li>
    </ul>
    <h2>Header</h2>
    <p>Text</p>
</div>