CSS div float - 移动 div

Question

拜托，你能帮我处理 float div 吗？我有 div 的 html 结构: http://pastebin.com/sBLbfTv1我想将带按钮的 div 移动到带类别的 div 下......就像在图像上一样。

截图:

这是 css 文件:http://pastebin.com/CC4umrgH

请帮忙。谢谢!

Answer 1

您可以使用两个 div 来实现，这两个 div 可以作为 float 的列。然后在每一列中输入你想要的:

<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>

CSS 必须是:

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