Question

我有一个父div ID = A，宽度为100％。我希望div A的所有元素都放在右边。

所以我在A中添加了另一个div id = B，并在div A上做了一个text-align = right .B的宽度是600px。

然而，控件在A中显示为左对齐。有任何建议吗？

Answer 1

你应该在div B上做float: right

Answer 2

去吧：

#A * {
  text-align: right;
}

如果您希望实际div对齐而不仅仅是文本，请使用float：right。

#A *{
 float:right;
}

您可能需要为#B指定宽度。如果您不想这样做，这是一个解决方案：

#B{display:inline-block;}

Answer 3

你想要这个：

<style type="text/css">
body {
 direction:rtl;
}
</style>
<h3>Welcome to the real-time HTML editor!</h3>
<p>Type HTML in the textarea above, and it will magically appear in the frame below.</p>

Answer 4

为我工作......;）

<div id="a" style="width:100%; text-align:right; border: 1px solid blue">
    <div id="b" style="width:600px; border:1px solid red">
        hi
    </div>
</div>

Answer 5

只需指定所需的宽度并使边距为右：0和margin-left：auto

<div id="a">
<div id="b" style="width:600px; margin-right: 0; margin-left: auto;">
    If ID:A has a width of say 1000 then ID:B will have a left margin of 400px
</div>
</div>

或者如果ID：A已经在div中，你只需要这个：

<div id="a" style="width:600px; margin-right: 0; margin-left: auto;">
        If ID:A's wrapper has a width of say 1000 then ID:A 
        will have a left margin of 400px
</div>

块元素内块元素的总宽度始终是容器的宽度。

将Div放入Div中

5 个答案: