css - 纯粹通过 CSS 重新排列位置

Question

我一直在谷歌搜索并寻找一种使用 CSS 定位元素的方法，但我无法解决问题。

我正在尝试做的一个很好的例子是:

我有两个div，

<div class="A"></div>
<div class="B"></div>

我想使用 CSS 显示 div class B above div class A。我的问题是:是否可以在不更改 HTML 的情况下仅使用 CSS 在 A 之上显示 B？或者是将 B 显示在 A 之上以将 B 的 div HTML 置于 A 之上的唯一方法吗？

Answer 1

你可以像这样使用css

.A,.B{
width: 48%;
float: right;
}

.A {
background-color: #ffa;
}

.B{
background-color: #0f0;
}

Demo查看此 Reference