html - 页面字段定位表单冲突的处理方法

Question

我必须制作一个看起来像下面绘画的页面，但是:

field 1 和filed 4 在一个form with submit 2

field 2 和 filed 3 在一个(另一个)form with submit 1

你知道有什么样式定位html组件的方法来处理吗？

Answer 1

试试这个代码(我同意 Wivlaro )

    <form id="form1" action="">
<br/>
    <input type="text" id="field2" value="field2"/><br/><br/>
    <input type="text" id="field3"  value="field3"/><br/><br/>
    <input type="submit" value="Submit 1" />
    </form>

<form id="form2" action="">
    <input type="text" id="field1"  value="field1"/><br/><br/>
    <input type="text" id="field4"  value="field4"/><br/><br/>
    <input type="submit" id="submit2" value="Submit 2" />   
</form>

<style>
    #field1{
        position:absolute;
        top:0;      
    }
    #form2{
        margin-top:-18px    
    }
</style>