定位 HTML/CSS 元素时出现问题 [关闭]

Question

我需要你们的帮助，

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

那么我该如何解决这个问题呢？

Answer 1

.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>

Answer 2

您可以使用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