CSS divs浮动-移动div

拜托，你能帮我弄一下浮动潜水器吗？我为div提供了以下html结构： 我想在div with categories下移动div with button。。。正如图片上所示

屏幕截图：

以下是css文件：

请帮忙。谢谢大家!

这是您想要的结构的

HTML:

另一个选项是将右下div的位置设置为绝对：

position: absolute;
top: 100px;
right: 0px;

---

我假设右上角的div高度是固定的（示例中为100px）。但这是一种不好的做法，您应该避免它，并找到一种控制HTML结构的方法

您可以使用两个div来完成，这两个div将用作浮动列。 然后只需在每一列中输入您想要的内容：

<form>
    <div class="leftColumn">
        <div class="fieldsetMain main"></div>
        <div class="fieldstMain minor"></div>
    </div>
    <div class="rightColumn">
        <div class="fieldsetMain main"></div>
        <div class="fieldstMain minor"></div>
    </div>
</form>

---

我知道，我可以这样做，但是因为Symfony。。。我不能做这个结构，我必须使用我发布的结构。。。但是谢谢你！好的，解决办法可能是。。。如果右侧的fieldsetMain具有固定高度。您可以使用position:absolute来定位右侧的fieldsetMain和fieldsetMain minor；右：0px；并将小调的顶部定义为等于或高于主调的高度。有一个问题，它必须是可变的，我不能使用固定高度：/最后一个选择是使用jQuery，但如果可能的话，我想使用CSSI知道，我可以这样做，但是我必须使用我在问题中发布的HTML，我不能编辑它。当你问问题时，你需要指定它。我对Symfony不太熟悉，但是如果你不能控制你的HTML结构，那就没什么意义了。我可以控制HTML结构，但只是一点点。它生成了这段代码，因为我有表单的模板，我在其中包含了其他表单，所以它生成了这段代码。。。这很难解释…我编辑了我的答案并添加了另一个不需要更改HTML的解决方案。看起来不错。只有一个问题是，高度不是固定的。您应该指定您不能更改问题中的HTML结构。

position: absolute;
top: 100px;
right: 0px;

<form>
    <div class="leftColumn">
        <div class="fieldsetMain main"></div>
        <div class="fieldstMain minor"></div>
    </div>
    <div class="rightColumn">
        <div class="fieldsetMain main"></div>
        <div class="fieldstMain minor"></div>
    </div>
</form>

.leftColumn { float: left; width: 80%; }
.rightColumn { float: left; width: 20%; }
.leftColumn fielsetMain, .rightColumnfieldsetMain { position: relative; }