放置HTML / CSS元素时的问题[关闭]

Question

关闭。这个问题是off-topic。它当前不接受答案。

---

是否要改善此问题？ Update the question，因此堆栈溢出为on-topic。

[<9天前关闭。

我需要您的帮助，

我尝试了float我尝试了display:inline-block，但没有任何效果。如果你明白我的意思，他们就会像我不想的那样继续前进。

所以我应该如何解决这个问题？

Answer 1

您可以使用display: flex;属性。这可以给您预期的结果。首先，将所有div元素包装为一个div。然后将该父div的显示设置为flex。无需使用absolute位置。

<div class="block">
    <div class="child-left">Left side contents</div>
    <div class="child-right">Right side contents</div>
</div>

.block {
     display: flex;
     justify-content: space-between;
}

要了解有关flex的更多信息，请检查this link

Answer 2

.block {
  width: 200px;
  height: 200px;
  border: 1px solid black;
}
.block2{
  position: absolute;
  right: 0;
  top:0;
}
.block3 {
  height: 400px;
  float:right;
}

    <div class="block1 block"></div>
    <div class="block2 block"></div>
    <div class="block3 block"></div>