如何将嵌套div与包含div的右侧对齐

Question

我需要嵌套div体的整个块与包含div的右边界对齐吗？使用css或jquery都很酷。

Answer 1

CSS

.div1 { overflow: hidden; width: 500px; } /* this will clear your float. width given for example purposes */
.div2 { float: right; width: 200px; }

HTML

<div class="div1">
  <div class="div2">
    <p>div 2 contents</p>
  </div>
  <p>div 1 contents</p>
</div>

Answer 2

如果您希望保留块显示和静态位置：

.inner { width: ##px, margin-left: auto; margin-right: 0 }

Answer 3

你试过这个吗？ { float:right }？