html - 使用 css 重新定位 Html 页面的 div

Question

我的 HTML 结构如下所示。我想重新定位 div 的位置，这样 'calc' div 应该移动到 'region-content' div 并且应该出现在右端。是否可以使用 css 实现此目的？任何人都可以为我提供一些使用 css 等解决此问题的引用吗？

<div class='region-content'>
  <form id='responseform'>
    <div class='content '>
      <div class ='formulation '>
        <div class='qtext '>
          <div class='calc '></div>
        </div>
      </div>
    </div>
  </form>
</div>

Answer 1

您无法通过 CSS 实现 DOM 结构的改变。所以，calc div 不能移动到region-content div。您需要为此做一些 javascript 工作。

但是，应该可以将其样式设置为出现在您想要的位置。如果这部分仍然困扰您，请提供您的 css 代码，如果可能的话，请提供 jsfiddle。