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

标签 css html positioning

我一直在谷歌搜索并寻找一种使用 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 之上的唯一方法吗?

最佳答案

你可以像这样使用css

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

.A {
background-color: #ffa;
}

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

Demo查看此 Reference

关于css - 纯粹通过 CSS 重新排列位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14191411/

相关文章:

css - css opacity 和 z-index 的问题

html - Ionic 选项卡文本颜色为事件和非事件选项卡设置不同

html - 删除链接中图像下的线

javascript - Jquery 部分不工作。 split 并未消退

javascript - react : Can I add attributes to children's resultant HTML?

html - 使用 CSS 对 div 进行右对齐

css - 仅在 Firefox 中出现奇怪的 HTML 间距

javascript - jQuery UI 对话框标题区域被拉长

css - 居中一个 div 而另一个 div 向右浮动?

jquery - css定位问题