Question

容器div的固定宽度为540px，最小高度为200px。我想在该div的右下角放置另一个div ... 我应该怎么做

<div style="width:540px; min-height:200px;" class="container">
  <div style="position:absolute; bottom:0; right:0;" class="block">
  </div>
</div>

Answer 1

试试这个：

<div style="width:540px; min-height:200px; position:relative;" class="container">
  <div style="position:absolute; bottom:0; right:0;" class="block">
  </div>
</div>

你应该添加一个位置：亲属;在.container中

Answer 2

以下作品（用于演示目的）：

<div style="width:540px; min-height:200px; position:relative; border: 1px solid red;" class="container">
  <div style="width: 50px; height: 50px; position:absolute; bottom:0; right:0; border: 1px solid blue;" class="block">
  </div>
</div>

请参阅此JSFiddle

您始终可以将CSS分隔为＆＃34; container＆＃34;和＆＃34;阻止＆＃34;类。

Answer 3

<div style="width:540px; min-height:200px; position:relative; border: 1px solid red;" class="container">
<div style="width: 50px; height: 50px; position:absolute; bottom:0; border: 1px solid blue; margin-left : 480px;" class="block">
 </div>
 </div>

这也可以帮到你。指定块div的大小，并从容器div中减去它的大小，并将结果保留在margin-left。

如何将元素定位到div的右下角

3 个答案: