css - 如何将 block 项与其父项的右边缘对齐(使用 CSS)？

Question

我知道您可以通过将左右边距设置为 auto 来使 block 元素居中。 .

但是，是否可以将其对齐到右边缘？这将如何完成？

编辑:不使用float: right (因为它似乎不起作用，至少不适用于 <ul> 的)

再次编辑:这是代码片段:

<td style='vertical-align: top; text-align: center;'>
  <b>Choices:</b><br><br>
  <ul id='orderchoices' style='margin-left: auto; margin-right: auto;'>
    ...
  </ul>
</td>

这是 #orderchoices 的样式

#orderchoices li {
  border: 1px solid #666;
  background: #333 url(images/dark_gloss.png) repeat-x;
  color: #eee;
  margin: 3px;
  padding: 5px;
  cursor: pointer;
  width: 160px;
  font-style: italic;
}

我想要 ul在 td 中右对齐

Answer 1

<div class="outer">
    <div class="inner">I'm the inner element!</div>
</div>
<style type="text/css">
    .outer { position:relative; }
    .inner { position:absolute; right:0px; }
</style>

如果您的内部元素绝对定位在相对定位的容器中，您可以使用 top、right、bottom 和 left 指示内部元素与父容器边缘的距离。

有道理吗？