Question

我想知道如何更改块的位置

这是一段代码：

<div style="background-color:#COLOR;width: px;height: px;">
<p>This is a paragraph</p>
</div>

是吗

position:absolute;
right: px;

？我也测试了它，但没有结果它没有工作可悲。

Answer 1

如果你设置，

position : absolute

您可以使用left : value; right : value; top : value; bottom : value;

更改您的区块位置。

如果是relative，则可以使用margin :代替

Answer 2

你必须设置位置：相对，然后设置右和顶。

Answer 3

你可以使用float：right。您应该查找如何使用float定位元素。使用两个浮点数后，请记住<div style="clear:both"></div>。

Answer 4

顶部div必须是相对的。

您可以更改或添加：bottom，left，right和top值..

对于exp。：

<div style="position:relative; width:100px; height:100px;background-color:#6d0808;">
  <div style="background-color:#d3d3d3; padding:10px; position:absolute; right: -62px; bottom: 15px; ">
    <p>This is a paragraph</p>
  </div>
</div>

Answer 5

首先，你必须更具体地了解你想要的东西。我在这里为你写了一个简单的风格 HTML

<div class="sample">
<p>This is a paragraph</p>
</div>

CSS

.sample{
  width:250px;
  height:250px;
  background:#000;
  position:absolute;
  right:100px;
}

.sample p{
  color:#fff;
  padding:10px;
}

如果您想了解位置属性，请访问https://www.w3schools.com/cssref/pr_class_position.asp

如何更改<div>块的位置？

5 个答案: