水平定位的 CSS 位置

Question

虽然我没有任何特别的代码，但这只是我想知道的事情。

在默认 (position：static( 属性下，内容按 HTML 流显示，并且此流垂直发生。是否可以使其水平发生？澄清一下，假设您有 2 张图像，通常它会在图像 1(垂直(上方显示图像 2，有没有办法使其水平而不对父级执行(位置：相对(和对子项执行(位置：绝对(？

Answer 1

您可以将 flex 添加到您的父容器中，nowrap 是默认行为，我只是为了简洁起见把它放在那里。

.parent {
display: flex;
flex-wrap: nowrap;
}
.child {
flex-basis: 50rem;
}

<div class="parent">
<img src="https://source.unsplash.com/random" class="child" />
<img src="https://source.unsplash.com/random" class="child" />
</div>