html - 将 float 的 div 在其父级中向上移动

Question

有没有办法让.formColumn2 div 在父div .bookingForm 中向上移动？它是 float:left 但我不确定如何定位它。我试过 margin 。如果可能的话，除了 positioning:absolute 之外还有其他方法吗？

---

http://jsfiddle.net/eF3am/

CSS 代码:

.bookingForm {
    height:450px;
    background-color: #D3412A;
}
.bookingForm img {
    width:200px;
    margin:90px 0 0 170px;
}
form {
    padding:20px 0 0 70px;
    margin-left: 10%;
    color:#fff;
}
.formColumn2 label {
    width: 150px;
    display: inline-block;
}
.formColumn1,
.formColumn2{
    float:left;
}
.formColumn2 {
    margin-left: 50px;
}
select,input,textarea {
    width:200px;
    margin:8px 0;
}

Answer 1

您可以将 padding-top:50px 添加到第 1 列，也可以使用 position:relative; 标记第 2 列； top:-50px; 或 margin-top:-50px;。这些是进行此外观更改的最安全方法:)

让我知道它是否适用于您的情况!