css - 如何将块元素与其父项的右边缘对齐(使用 CSS)?

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

但是,是否可以将其与右边缘对齐?这将如何完成?

编辑:不使用 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;
}

我希望 ultd 中右对齐

最佳答案

<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>

如果您的内部元素绝对位于相对定位的容器内,您可以使用 toprightbottomleft 来指示内部元素与父容器边缘的距离。

有道理?